Select selectedIndex 属性

HTML DOM Select オブジェクト

定義と使用法

selectedIndex 属性は、ドロップダウンリストで選択されたオプションのインデックス（インデックス）を設定または返します。

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

注釈：ドロップダウンリストが複数選択を許可している場合、最初に選択されたオプションのインデックスのみを返します。

注釈：値 "-1" はすべてのオプションの選択を解除します（あれば）。

注釈：オプションが選択されていない場合、selectedIndex 属性は -1 を返します。

も参照してください：

HTML 参考マニュアル：HTML <select> タグ

例

例 1

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

document.getElementById("mySelect").selectedIndex = "2";

自分で試してみてください

例 2

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

var x = document.getElementById("mySelect").selectedIndex;
var y = document.getElementById("mySelect").options;
alert("Index: " + y[x].index + " is " + y[x].text);

自分で試してみてください

例 3

すべてのオプションの選択を解除：

document.getElementById("mySelect").selectedIndex = "-1";

自分で試してみてください

例 4

オプションが選択されていない場合、selectedIndex 属性は "-1" を返します：

var x = document.getElementById("mySelect").selectedIndex;

自分で試してみてください

语法

selectedIndex 属性を返す：

selectObject.selectedIndex

selectedIndex 属性を設定：

selectObject.selectedIndex = number

属性値

値 説明
number 下拉リストで選択されたオプションのインデックス（インデックス）を指定します。

技術的詳細

返り値：

数値、選択されたオプションのインデックスを示します。インデックスは 0 から始まります。

オプションを選択しない場合、返り値は -1 です。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

HTML DOM Select オブジェクト