HTMLOptionElement

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

HTMLOptionElement インターフェイスは <option> 要素を表し、 HTMLElement インターフェイスのすべてのクラスとメソッドを継承しています。

EventTarget Node Element HTMLElement HTMLOptionElement

コンストラクター

Option()

新しく作成された HTMLOptionElement オブジェクトを返します。引数は、表示するテキストである text、関連付けられる値である valuedefaultSelected の値、selected の値の 4 つです。後 3 者は省略可能です。

インスタンスプロパティ

親である HTMLElement から継承されたプロパティがあります。

HTMLOptionElement.defaultSelected

true または false の値を取り、選択肢が既定で選択されているかどうかを示す HTML の selected 属性の初期値を表します。

HTMLOptionElement.disabled

true または false の値を取り、その選択肢が選択できないことを示す HTML の disabled 属性の値を表します。選択肢は無効状態の <optgroup> 要素の子である場合も無効になります。

HTMLOptionElement.form 読取専用

HTMLFormElement で、この選択肢が <select> 要素の子孫であった場合は、対応する <select> 要素の form と同じ値を表します。見つからない場合は null になります。

HTMLOptionElement.index 読取専用

long 値で、所属する選択肢のリスト内におけるツリー順の位置を表します。その選択肢がリストに含まれていない場合、例えば <datalist> 要素の一部である場合などは、値は 0 になります。

HTMLOptionElement.label 読取専用

文字列で、この選択肢のラベルを提供する HTML の label 属性の値を反映します。この属性が特に設定されていない場合は、この値を読み取ると要素のテキストコンテンツが返されます。

HTMLOptionElement.selected

true または false の値を取り、この選択肢が現在選択されているかどうかを示します。

HTMLOptionElement.text

文字列で、この要素のテキストコンテンツが入ります。

HTMLOptionElement.value

文字列で、 HTML の value 属性が存在する場合は、その値を反映します。存在しない場合は Node.textContent プロパティの値を反映します。

インスタンスメソッド

固有のメソッドは実装していませんが、親である HTMLElement から継承したメソッドがあります。

仕様書

Specification
HTML
# htmloptionelement

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
HTMLOptionElement
Option() constructor
defaultSelected
disabled
form
index
label
selected
text
value

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Partial support
Partial support
Has more compatibility info.

関連情報