Datalist options 集合
Datalist 对象的 options 集合返回 datalist 中所有选项的集合
集合元素的排序按元素在代码中的位置排序
语法
datalistObject.options
属性
| 值说明 | 描述 |
|---|---|
| length | 返回集合中选项元素的个数 |
方法
| 方法 | 描述 |
|---|---|
| [index] | 一个整数，指定要检索的元素 ( 从 0 开始 ) |
| item(index) | 从集合 返回指定索引的元素 ( 从 0 开始 ) |
| namedItem(name_or_id) | 从集合中以指定名称 (name 或 id 属性)返回元素 |
浏览器支持
所有主流浏览器都支持 options 集合
范例 2
遍历datalist控件的所有选项，并输出选项值
var x = document.getElementById("mySelect"); var txt = ""; for (var i = 0; i < x.options.length; i++) { txt = txt + x.options[i].value + "<br>"; }
范例 2
显示 datalist 元素个数
var x = document.getElementById("browsers").options.length;
范例 3
[ index ]
返回datalist中第一个选项 (索引 0)的值
var x = document.getElementById("browsers").options[0].value;
范例 4
item( index )
返回datalist中第一个选项 (索引 0)的值
var x = document.getElementById("browsers").options.item(0).value;
范例 5
namedItem( name_or_id )
返回 datalist 中选项id="google" 的值
var x = document.getElementById("browsers").options.namedItem("google").value;