Datalist optionsコレクション
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>";
}
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 属性）でコレクションから要素を返します |
その他の例
例
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
試してみる »
その他の拡張