例
具体的にはありますどのように多くの選択肢を見つける<datalist>要素：
var x = document.getElementById("browsers").options.length;xの結果は次のようになります。
5 »それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
オプションのコレクションは、すべてのオプションのコレクションを返します<datalist>要素。
Note:彼らはソースコードに表示されるコレクションの要素がソートされています。
ブラウザのサポート
| コレクション | |||||
|---|---|---|---|---|---|
| options | はい | 10.0 | はい | はい | はい |
構文
datalistObject .optionsプロパティ
| プロパティ | 説明 |
|---|---|
| length | 数を返します<option>コレクション内の要素を。 注：このプロパティは読み取り専用です |
メソッド
| 方法 | 説明 |
|---|---|
| [ index ] | 戻り値<option>指定されたインデックスを持つコレクションから要素が(starts at 0) 。 注意：インデックス番号が範囲外の場合はnullを返します。 |
| item( index ) | 戻り値<option>指定されたインデックスを持つコレクションから要素が(starts at 0) 。 注意：インデックス番号が範囲外の場合はnullを返します。 |
| namedItem( id ) | 戻り値<option>指定されたIDを持つコレクションから要素を。 注意：idが存在しない場合はnullを返します。 |
技術的な詳細
| DOMバージョン： | コアレベル2ドキュメントオブジェクト |
|---|---|
| 戻り値： | すべて表すHTMLCollectionオブジェクト、 <option>の要素<datalist>要素を。 彼らはソースコードに表示されるコレクションの要素がソートされています |
その他の例
例
[ インデックス ]
最初のオプションの値を取得(index 0)データリストでは：
var x = document.getElementById("browsers").options[0].value;xの結果は次のようになります。
Internet Explorer »それを自分で試してみてください 例
item( index )
最初のオプションの値を取得(index 0)データリストでは：
var x = document.getElementById("browsers").options.item(0).value;xの結果は次のようになります。
Internet Explorer »それを自分で試してみてください 例
namedItem( name_or_id )
データリストで「グーグル」= idのオプションの値を取得します。
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 »それを自分で試してみてください <データリストオブジェクト