備忘録的プログラミングリファレンス

HTMLOptionElement インターフェイス

 HTMLOptionElement インターフェイスは、選択のあるデータ入力のための <select> の選択肢である <option> エレメントを定義したインターフェイスです。
 HTMLOptionElement インターフェイスは、プロパティメソッドイベントを定義しています。

HTMLOptionElement 継承図

プロパティ(Properties)

 HTMLOptionElement インターフェイスは 以下の独自のプロパティをもちます。

プロパティ概要分類
.defaultSelectedデフォルトとして選択されているか/否か。Boolean 型
.disabled選択できるか/否か。Boolean 型
.formbutton エレメントが属する HTMLFormElement のハンドラー。なければ null
.index選択肢の並び順を返す。Long 型
.label関連付けられた <label> エレメントを返す
.selected現在選択されているか/否か。 Boolean 型
.textinnerTextの値。DOMString 型
.value送信される値の取得と設定。DOMString 型

 以下は、HTMLElement インターフェイスのプロパティと継承したプロパティです。参考にしてください。

Nodeのプロパティ一覧 

タイプ名(ハンドラー名)概要分類

Elementのプロパティ一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのプロパティ一覧 

タイプ名(ハンドラー名)概要分類

メソッド(Methods)

 HTMLOptionElement インターフェイスには、独自のメソッドがありません。

 HTMLOptionElement インターフェイスが継承したHTMLElement インターフェイスのメソッドです。 NodeElement インターフェイスのメソッドを含みます。使えないものもあるので参考してください。

Nodeのメソッド一覧 

タイプ名(ハンドラー名)概要分類

Elementのメソッド一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのメソッド一覧 

タイプ名(ハンドラー名)概要分類

イベント(Event)

 HTMLOptionElement にイベントハンドラーを定義する方法には以下があります。

HTMLOptionElement.addEventListener( 'click', ()=>{...} )
HTMLOptionElement.onclick = function(){...}
<button onclick = "..." >

 イベントについてはEventを参照してください。 イベントの監視についてはEventTargetが担っています。

 以下は、HTMLOptionElement が継承しているイベント一覧です。使えないものもあるので参考にしてください。

GlobalEventHandlersのイベント一覧 

タイプ名(ハンドラー名)概要分類

DocumentAndElementEventHandlersのイベント一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのイベント一覧 

タイプ名(ハンドラー名)概要分類