単一または複数の選択メニューを作成するための HTML タグ

すべての主要なブラウザは タグをサポートしています。

select 要素は、単一選択または複数選択のメニューを作成します。

要素の タグは、リストで使用可能なオプションを定義するために使用されます。

ヒント: select 要素は、フォームでユーザー入力を受け入れるために使用できるフォーム コントロールです。

プロパティ

新機能: HTML5 の新しい属性。

プロパティ	値	説明
オートフォーカス(5)	オートフォーカス	ページの読み込み後にテキスト領域が自動的にフォーカスを取得するように指定します。
無効化	無効化	このドロップダウン リストを無効にするようにプロビジョニングします。
フォーム(5)	フォームID	テキスト領域が属する 1 つ以上のフォームを指定します。
複数	複数	複数のオプションを選択できます。
名前	名前	ドロップダウンリストの名前を指定します。
必須(5)	必須	テキストエリアが必須であることを指定します。
サイズ	番号	ドロップダウン リストに表示されるオプションの数を指定します。

この例では、HTML ページに単純なドロップダウン リスト ボックスを作成する方法を示します。ドロップダウン リスト ボックスは選択可能なリストです。

リーリー

この例では、事前に選択された値を含む単純なドロップダウン リストを作成する方法を示します。 (翻訳者注: 事前に選択された値は、事前に指定された設定を指します。)

リーリー

添付ファイル: オブジェクトを選択してください

Select オブジェクトは、HTML フォームのドロップダウン リストを表します。

HTML フォームでは、 タグが表示されるたびに、Select オブジェクトが作成されます。

Select オブジェクトにアクセスするには、フォームの elements[] 配列をループするか、 document.getElementById() を使用します。

オブジェクトコレクションを選択

コレクション	説明
オプション[]	ドロップダウン リスト内のすべてのオプションを含む配列を返します。

オブジェクトのプロパティを選択します

物件	説明
無効化	ドロップダウンを無効にするかどうかを設定または返します。
フォーム	ドロップダウン リストを含むフォームへの参照を返します。
ID	ドロップダウンリストのIDを設定または返します。
長さ	ドロップダウン リストのオプションの数を返します。
複数	複数の項目を選択するかどうかを設定または返します。
名前	ドロップダウンリストの名前を設定または返します。
選択されたインデックス	ドロップダウンリストで選択した項目のインデックス番号を設定または返します。
サイズ	ドロップダウンリストに表示される行の数を設定または返します。
タブインデックス	ドロップダウンリストのタブキー制御順序を設定または返します。
タイプ	ドロップダウンリストのフォームタイプを返します。

標準プロパティ

物件	説明
クラス名	要素のクラス属性を設定または返します。
ディレクトリ	テキストの方向を設定または返します。
ラング	要素の言語コードを設定または返します。
タイトル	要素の title 属性を設定または返します。

オブジェクトメソッドの選択

方法	説明
追加()	ドロップダウンリストにオプションを追加します。
ぼかし()	ドロップダウンリストからフォーカスを削除します。
フォーカス()	ドロップダウンリストにフォーカスを設定します。
削除()	ドロップダウンリストからオプションを削除します。

オブジェクトイベントハンドルを選択

イベントハンドル	説明
変化中	選択が変更されたときに呼び出されるイベント ハンドラー。