最新のWeb開発のチュートリアル
 

Select selectedIndex Property

<オブジェクトを選択します

選択して<option>インデックスを持つ要素"2"

document.getElementById("mySelect").selectedIndex = "2";
»それを自分で試してみてください

定義と使用法

selectedIndexプロパティセットするか、ドロップダウンリストで選択したオプションのインデックスを返します。

インデックスは0から始まります。

Note:ドロップダウンリストが複数選択を可能にした場合、それが唯一の選択された最初のオプションのインデックスを返します。

注意:値が"-1"のすべてのオプションの選択を解除します(if any)

注意:オプションを選択しないと、selectedIndexプロパティは-1を返します。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

selectedIndexプロパティは、すべての主要なブラウザでサポートされています。


構文

selectedIndexプロパティを返します:

selectObject .selectedIndex

selectedIndexプロパティを設定します。

selectObject .selectedIndex= プロパティ値
説明
number ドロップダウンリストで選択したオプションのインデックスを指定します。

技術的な詳細

戻り値: ドロップダウンリストで選択したオプションのインデックスを表す数値。 noオプションが選択されていない場合、インデックスは0から始まり、戻り値は-1

その他の例

ドロップダウンリストで選択されたオプションのインデックスとテキストを表示します。

var x = document.getElementById("mySelect").selectedIndex;
var y = document.getElementById("mySelect").options;
alert("Index: " + y[x].index + " is " + y[x].text);
»それを自分で試してみてください

すべてのオプションの選択を解除します。

document.getElementById("mySelect").selectedIndex = "-1";
»それを自分で試してみてください

selectedIndexプロパティが返されます"-1"オプションが選択されていない場合:

var x = document.getElementById("mySelect").selectedIndex;
»それを自分で試してみてください

<オブジェクトを選択します