HTMLDOM選択オブジェクト
オブジェクトを選択
Selectオブジェクトは、HTMLの<select>要素を表します。
選択オブジェクトにアクセスする
getElementById()を使用して、<select>要素にアクセスできます。
例
var x = document.getElementById("mySelect");
ヒント:フォームの要素コレクションを検索して、Selectオブジェクトにアクセスすることもできます。
選択オブジェクトを作成する
document.createElement()メソッドを使用して、<select>要素を作成できます。
例
var x = document.createElement("SELECT");
オブジェクトコレクションを選択します
Collection | Description |
---|---|
options | Returns a collection of all the options in a drop-down list |
オブジェクトのプロパティを選択します
Property | Description |
---|---|
autofocus | Sets or returns whether a drop-down list should automatically get focus when the page loads |
disabled | Sets or returns whether the drop-down list is disabled, or not |
form | Returns a reference to the form that contains the drop-down list |
length | Returns the number of <option> elements in a drop-down list |
multiple | Sets or returns whether more than one option can be selected from the drop-down list |
name | Sets or returns the value of the name attribute of a drop-down list |
selectedIndex | Sets or returns the index of the selected option in a drop-down list |
size | Sets or returns the value of the size of a drop-down list |
type | Returns which type of form element a drop-down list is |
value | Sets or returns the value of the selected option in a drop-down list |
オブジェクトメソッドを選択します
Method | Description |
---|---|
add() | Adds an option to a drop-down list |
checkValidity() | |
remove() | Removes an option from a drop-down list |
標準のプロパティとイベント
Selectオブジェクトは、標準のプロパティとイベントもサポートします。
関連ページ
HTMLチュートリアル:HTMLフォーム
HTMLリファレンス:HTML <select>タグ