Select value 属性

HTML DOM Select オブジェクト

定義と使用方法

value 属性の設定または下拉リストで選択されたオプションの値の返却。

も参照してください：

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

例

例 1

選択されたオプションを「banana」に変更します：

document.getElementById("mySelect").value = "banana";

実際に試してみてください

例 2

下拉リストで選択されたオプションの値を返します：

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

実際に試してみてください

文法

value 属性を返します：

selectObject.value

value 属性を設定します：

selectObject.value = value

属性値

値 説明
value

選択されるべきドロップダウンリスト内の <option> 要素の値を指定します。

この値が存在しない場合、ドロップダウンリストは空のオプションを表示します。

技術的な詳細

返り値：

ドロップダウンリスト内の <option> 要素の value 属性の値を示す文字列値。

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

選択されたオプションがなければ、何も返されません。

ブラウザのサポート

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

HTML DOM Select オブジェクト