例
找出多少选项中有一个特定的<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中对象