例
找出多少選項中有一個特定的<datalist>元素：
var x = document.getElementById("browsers").options.length;x的結果將是：
5 試一試» 更多"Try it Yourself"下面的例子。
定義和用法
的選項集合返回的在所有的選項集合<datalist>元素。
Note:因為它們出現在源代碼的集合中的元素進行排序。
瀏覽器支持
| 採集 | |||||
|---|---|---|---|---|---|
| options | 是 | 10.0 | 是 | 是 | 是 |
句法
datalistObject .options屬性
| 屬性 | 描述 |
|---|---|
| length | 返回的數<option>集合中的元素。 注：該屬性為只讀 |
方法
| 方法 | 描述 |
|---|---|
| [ index ] | 返回<option>從與指定的索引的集合元素(starts at 0) 。 注：如果索引數量超出範圍，則返回null |
| item( index ) | 返回<option>從與指定的索引的集合元素(starts at 0) 。 注：如果索引數量超出範圍，則返回null |
| namedItem( id ) | 返回<option>從與指定ID的集合元素。 注：如果ID不存在，則返回null |
技術細節
| DOM版本： | 酷睿2級文檔對象 |
|---|---|
| 返回值： | 的HTMLCollection對象，代表所有<option>中的元素<datalist>元素。 當它們出現在源代碼的集合中的元素進行排序 |
更多示例
例
[ 索引 ]
獲得第一個選項的值(index 0)在數據列表：
var x = document.getElementById("browsers").options[0].value;x的結果將是：
Internet Explorer 試一試» 例
item( index )
獲得第一個選項的值(index 0)在數據列表：
var x = document.getElementById("browsers").options.item(0).value;x的結果將是：
Internet Explorer 試一試» 例
namedItem( name_or_id )
獲取ID在數據列表=“谷歌”選項的值：
var x = document.getElementById("browsers").options.namedItem("google").value;x的結果將是：
Chrome 試一試» 例
遍歷DataList控件的所有選項，輸出選項值：
var x = document.getElementById("mySelect");
var txt = "";
var i;
for (i = 0;
i < x.options.length; i++) {
txt = txt + x.options[i].value + "<br>";
}TXT的結果將是：
Internet Explorer
Firefox
Chrome
Opera
Safari 試一試» <Datalist中對象