HTML DOM Select オブジェクト

Select オブジェクト

Select オブジェクトは HTML <select> 要素を表します。

Select オブジェクトのアクセス

<select> 要素にアクセスするには getElementById() を使用できます：

var x = document.getElementById("mySelect");

実際に試してみてください

ヒント：フォームの elements コレクションをループして Select オブジェクトにアクセスできます。

Select オブジェクトの作成

document.createElement() メソッドを使用して <select> 要素を作成できます：

var x = document.createElement("SELECT");

実際に試してみてください

Select オブジェクトコレクション

コレクション 説明
options ドロップダウンリスト内のすべてのオプションの集合を返します。

Select オブジェクト属性

属性 説明
autofocus ページが読み込まれたときにドロップダウンリストが自動的にフォーカスを取得するかどうかを設定または返します。
disabled ドロップダウンリストを無効にするかどうかを設定または返します。
form ドロップダウンリストを含むフォームへの参照を返します。
length ドロップダウンリスト内の <option> 元素の数を返します。
multiple ドロップダウンリストから複数のオプションを選択できるかどうかを設定または返します。
name ドロップダウンリストの name 属性値を設定または返します。
selectedIndex ドロップダウンリストで選択されたオプションのインデックスを設定または返します。
size ドロップダウンリストの size 属性値を設定または返します。
type ドロップダウンリストがどの種類のフォーム要素であるかを返します。
value ドロップダウンリストで選択されたオプションの値を設定または返します。

Select オブジェクトメソッド

メソッド 説明
add() オプションをドロップダウンリストに追加します。
checkValidity()
remove() オプションをドロップダウンリストから削除します。

標準属性とイベントをサポートしています。

Select オブジェクトは標準属性およびイベント。

関連ページ

HTML チュートリアル：HTML フォーム

HTML 参考マニュアル：HTML <select> タグ