選択オプションのselected属性

HTML DOM オプション オブジェクト

定義と使用方法

selected オプションの選択状態を設定または返却する属性。

も参照してください：

HTMLリファレンスマニュアル：HTML <option> selected 属性

HTMLリファレンスマニュアル：HTML <option> タグ

例

例1

下拉リストの選択オプションを「orange」に変更：

document.getElementById("orange").selected = true;

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

例2

下拉リストの「banana」オプションが選択されているか確認：

var x = document.getElementById("banana").selected;

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

文法

selected属性の返却：

optionObject.selected

selected属性の設定：

optionObject.selected = true|false

属性値

値 説明
true|false

ドロップダウンリストのオプションを選択するかどうかを指定します。

  • true - オプションが選択されています
  • false - デフォルト。このオプションを選択していない

技術的詳細

返り値： ブール値、オプションが選択されている場合 true を返します；それ以外の場合 false を返します。

ブラウザのサポート

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

HTML DOM オプション オブジェクト