现在位置: 首页 > JavaScript 参考手册 > 正文

Datalist options 集合

Datalist 对象参考手册 Datalist 对象

实例

遍历datalist控件的所有选项,并输出选项值:

var x = document.getElementById("mySelect");
var txt = "";
for (var i = 0; i < x.options.length; i++)
  {
  txt = txt + x.options[i].value + "<br>";
  }

txt 输出结果为:

Internet Explorer
Firefox
Chrome
Opera
Safari

尝试一下 »

定义和使用

options 集合返回datalist中所有选项的集合。

注意: 集合元素的排序按元素在代码中的位置排序。


浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流浏览器都支持 options 集合。


语法

datalistObject.options

属性

Property 描述
length 返回集合中选项元素的个数

方法

方法 描述
[index] 一个整数,指定要检索的元素(从0开始)
item(index) 从集合 返回指定索引的元素 (从0开始)
namedItem(name_or_id) 从集合中以指定名称 (name 或 id 属性)返回元素


更多实例

实例

显示 datalist 元素个数:

var x = document.getElementById("browsers").options.length;

x 输出结果为:

5

尝试一下 »

实例

[index]

返回datalist中第一个选项 (索引 0)的值:

var x = document.getElementById("browsers").options[0].value;

x 输出结果为:

Internet Explorer

尝试一下 »

实例

item(index)

返回datalist中第一个选项 (索引 0)的值:

var x = document.getElementById("browsers").options.item(0).value;

x 输出结果为:

Internet Explorer

尝试一下 »

实例

namedItem(name_or_id)

返回 datalist 中选项id="google" 的值:

var x = document.getElementById("browsers").options.namedItem("google").value;

x 输出结果为:

Chrome

尝试一下 »


Datalist 对象参考手册 Datalist 对象