最新のWeb開発のチュートリアル
 

HTML DOMの選択オブジェクト


オブジェクトを選択

選択したオブジェクトは、HTML表し<select>要素を。

選択したオブジェクトにアクセス

あなたはアクセスすることができ<select>使用して要素をgetElementById()

var x = document.getElementById("mySelect");
»それを自分で試してみてください

ヒント:またを検索して選択したオブジェクトにアクセスすることができます要素のフォームのコレクション。

選択オブジェクトの作成

あなたは、作成することができます<select>使用して要素をdocument. createElement() document. createElement()メソッド:

var x = document.createElement("SELECT");
»それを自分で試してみてください

オブジェクトのコレクションを選択します

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

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

プロパティ 説明
disabled ドロップダウンリストが無効になっているか、いないかどうかを設定または返します
form ドロップダウンリストが含まれているフォームへの参照を返します。
length 数を返します<option>ドロップダウンリスト内の要素を
multiple 複数のオプションをドロップダウンリストから選択することができるかどうかを設定または返します
name 設定またはの値を返すnameドロップダウンリストの属性を
selectedIndex 設定またはドロップダウンリストで選択したオプションのインデックスを返します。
size 設定またはドロップダウンリストのサイズの値を返します。
type ドロップダウンリストがあるフォーム要素の種類を返します
value 設定またはドロップダウンリストで選択したオプションの値を返します。

[オブジェクトの選択方法

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

標準プロパティおよびイベント

選択したオブジェクトは、標準サポートのプロパティイベントを


関連ページ

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

HTMLリファレンス: HTMLは<select>タグ