すべての主要なブラウザは
select 要素は、単一選択または複数選択のメニューを作成します。
ヒント: select 要素は、フォームでユーザー入力を受け入れるために使用できるフォーム コントロールです。
新機能: HTML5 の新しい属性。
| プロパティ | 値 | 説明 |
|---|---|---|
| オートフォーカス(5) | オートフォーカス | ページの読み込み後にテキスト領域が自動的にフォーカスを取得するように指定します。 |
| 無効化 | 無効化 | このドロップダウン リストを無効にするようにプロビジョニングします。 |
| フォーム(5) | フォームID | テキスト領域が属する 1 つ以上のフォームを指定します。 |
| 複数 | 複数 | 複数のオプションを選択できます。 |
| 名前 | 名前 | ドロップダウンリストの名前を指定します。 |
| 必須(5) | 必須 | テキストエリアが必須であることを指定します。 |
| サイズ | 番号 | ドロップダウン リストに表示されるオプションの数を指定します。 |
Select オブジェクトは、HTML フォームのドロップダウン リストを表します。
HTML フォームでは、
Select オブジェクトにアクセスするには、フォームの elements[] 配列をループするか、 document.getElementById() を使用します。
| コレクション | 説明 |
|---|---|
| オプション[] | ドロップダウン リスト内のすべてのオプションを含む配列を返します。 |
| 物件 | 説明 |
|---|---|
| 無効化 | ドロップダウンを無効にするかどうかを設定または返します。 |
| フォーム | ドロップダウン リストを含むフォームへの参照を返します。 |
| ID | ドロップダウンリストのIDを設定または返します。 |
| 長さ | ドロップダウン リストのオプションの数を返します。 |
| 複数 | 複数の項目を選択するかどうかを設定または返します。 |
| 名前 | ドロップダウンリストの名前を設定または返します。 |
| 選択されたインデックス | ドロップダウンリストで選択した項目のインデックス番号を設定または返します。 |
| サイズ | ドロップダウンリストに表示される行の数を設定または返します。 |
| タブインデックス | ドロップダウンリストのタブキー制御順序を設定または返します。 |
| タイプ | ドロップダウンリストのフォームタイプを返します。 |
| 物件 | 説明 |
|---|---|
| クラス名 | 要素のクラス属性を設定または返します。 |
| ディレクトリ | テキストの方向を設定または返します。 |
| ラング | 要素の言語コードを設定または返します。 |
| タイトル | 要素の title 属性を設定または返します。 |
| 方法 | 説明 |
|---|---|
| 追加() | ドロップダウンリストにオプションを追加します。 |
| ぼかし() | ドロップダウンリストからフォーカスを削除します。 |
| フォーカス() | ドロップダウンリストにフォーカスを設定します。 |
| 削除() | ドロップダウンリストからオプションを削除します。 |
| イベントハンドル | 説明 |
|---|---|
| 変化中 | 選択が変更されたときに呼び出されるイベント ハンドラー。 |
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
