Datalist options 集合
示例
找出特定 <datalist> 元素中有多少個選項
var x = document.getElementById("browsers").options.length;
x 的結果將是
5
自己動手試一試 »
更多“自己嘗試”的例子見下文。
描述
options 集合返回 <datalist> 元素中所有選項的集合。
注意： 集合中的元素按它們在原始碼中出現的順序排序。
瀏覽器支援
| 集合 | |||||
|---|---|---|---|---|---|
| 選項 | 是 | 10.0 | 是 | 是 | 是 |
語法
datalistObject.options
屬性
| 屬性 | 描述 |
|---|---|
| length | 返回集合中 <option> 元素的數量。 注意：此屬性是隻讀的 |
方法
| 方法 | 描述 |
|---|---|
| [index] | 從集合中返回具有指定索引（從 0 開始）的 <option> 元素。 注意：如果索引號超出範圍，則返回 null。 |
| item(index) | 從集合中返回具有指定索引（從 0 開始）的 <option> 元素。 注意：如果索引號超出範圍，則返回 null。 |
| namedItem(id) | 從集合中返回具有指定 ID 的 <option> 元素。 注意：如果 id 不存在，則返回 null。 |
技術詳情
| DOM 版本 | 核心級別 2 文件物件 |
|---|---|
| 返回值 | 一個 HTMLCollection 物件，表示 <datalist> 元素中的所有 <option> 元素。集合中的元素按它們在原始碼中出現的順序排序 |
更多示例
示例
[index]
獲取資料列表中第一個選項（索引 0）的值
var x = document.getElementById("browsers").options[0].value;
x 的結果將是
Internet Explorer
自己動手試一試 »
示例
item(index)
獲取資料列表中第一個選項（索引 0）的值
var x = document.getElementById("browsers").options.item(0).value;
x 的結果將是
Internet Explorer
自己動手試一試 »
示例
namedItem(name_or_id)
獲取資料列表中 ID 為 "google" 的選項的值
var x = document.getElementById("browsers").options.namedItem("google").value;
x 的結果將是
Chrome
自己動手試一試 »
示例
遍歷資料列表中所有選項，並輸出選項值
var x = document.getElementById("mySelect");
var txt = "";
var i;
for (i = 0; i < x.options.length; i++) {
txt = txt + x.options[i].value + "<br>";
}
txt 的結果將是
Internet Explorer
Firefox
Chrome
Opera
Safari
自己動手試一試 »
❮ Datalist 物件
