Datalist options 集合

返回上一级

Datalist 对象的 options 集合返回 datalist 中所有选项的集合

集合元素的排序按元素在代码中的位置排序

语法

datalistObject.options

属性

值说明 描述
length 返回集合中选项元素的个数

方法

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

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 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;

运行范例 »

返回上一级

JavaScript 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.