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

option タグエレメント

 option タグエレメントは、<select> エレメント<datalist> エレメントの選択項目を定義するための HTML タグエレメントです。

option タグエレメント
<option value="mikan" selected>ミカン</option>
<option value="apple">リンゴ</option>
<option value="banana">バナナ</option>
表示例

詳しくは動作の確認を参照してください。

 このエレメントには、サーバーに送信する値である value 属性が必要です。

 option タグエレメントをグループ化するには、<optgroup> エレメントを使います。

 <datalist> エレメントは <input> エレメントの入力候補になります。バインドするには <datalist> の id 属性と <input> の list 属性の名称を同じにします。

属性

 option タグエレメントはグローバル属性も持ちます。以下に主な属性のみを示します。

AttributeValueExtra information
classcssに使います。同名のclassは同じスタイルが適応されます。
value定義する値。(以下のvalueの編集を参照)
disabled一覧には表示されるが選択できない。
label短縮した名称。*FireFoxでは使えません。
selected選択された状態にする。(以下のValuesの編集を参照)

valueの編集

 <option>リストを作成します。valueの値とその選択肢名を、value=項目名で入力し、1項目1行で区切ってください。自動で分けます。(*1行目をデフォルト選択とします。)

動作の確認

 option タグエレメントの作成例です。

JavaScript

 option タグエレメントは、HTMLOptionElement インターフェイスに定義されています。 詳しくは、HTMLOptionElement を参照してください。
 <option> のリストに関しては HTMLOptionsCollection を参照してください。

 <select> の定義は、HTMLSelectElement を参照してください。

 <optgroup> の定義についは、HTMLOptGroupElement を参照してください。