Datalist options 集合
實例
遍歷datalist控件的所有選項,並輸出選項值:
var x = document.getElementById("mySelect");
var txt = "";
for (var i = 0; i < x.options.length; i++)
{
txt = txt + x.options[i].value + "<br>";
}
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
Firefox
Chrome
Opera
Safari
嘗試一下»
定義和使用
options 集合返回datalist中所有選項的集合。
注意:集合元素的排序按元素在代碼中的位置排序。
瀏覽器支持
所有主流瀏覽器都支持options 集合。
語法
datalistObject .options
屬性
Property | 描述 |
---|---|
length | 返回集合中選項元素的個數 |
方法
方法 | 描述 |
---|---|
[index] | 一個整數,指定要檢索的元素(從0開始) |
item(index) | 從集合返回指定索引的元素(從0開始) |
namedItem(name_or_id) | 從集合中以指定名稱(name 或id 屬性)返回元素 |
更多實例
實例
[ 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
嘗試一下»