免費(fèi)AI編程助手
Datalist options 集合
Datalist 對象實(shí)例
遍歷datalist控件的所有選項(xiàng)，并輸出選項(xiàng)值：
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 輸出結(jié)果為：
Internet Explorer
Firefox
Chrome
Opera
Safari
Firefox
Chrome
Opera
Safari
嘗試一下 ?
定義和使用
options 集合返回datalist中所有選項(xiàng)的集合。
注意： 集合元素的排序按元素在代碼中的位置排序。
瀏覽器支持
所有主流瀏覽器都支持 options 集合。
語法
datalistObject.options
屬性
| Property | 描述 |
|---|---|
| length | 返回集合中選項(xiàng)元素的個數(shù) |
方法
| 方法 | 描述 |
|---|---|
| [index] | 一個整數(shù)，指定要檢索的元素（從0開始） |
| item(index) | 從集合 返回指定索引的元素 （從0開始） |
| namedItem(name_or_id) | 從集合中以指定名稱 (name 或 id 屬性)返回元素 |
更多實(shí)例
實(shí)例
顯示 datalist 元素個數(shù):
var x = document.getElementById("browsers").options.length;
x 輸出結(jié)果為：
5
嘗試一下 ?
實(shí)例
[index]
返回datalist中第一個選項(xiàng) (索引 0)的值:
var x = document.getElementById("browsers").options[0].value;
x 輸出結(jié)果為：
Internet Explorer
嘗試一下 ?
實(shí)例
item(index)
返回datalist中第一個選項(xiàng) (索引 0)的值:
var x = document.getElementById("browsers").options.item(0).value;
x 輸出結(jié)果為：
Internet Explorer
嘗試一下 ?
實(shí)例
namedItem(name_or_id)
返回 datalist 中選項(xiàng)id="google" 的值:
var x = document.getElementById("browsers").options.namedItem("google").value;
x 輸出結(jié)果為：
Chrome
嘗試一下 ?
更多建議：