セレクトボックスの値を取得・設定

セレクトボックスの値を取得あるいは設定を行うには、element.valueプロパティを使用します。

構文

取得

var getValue = optionElement.value;

設定

optionElement.value = setValue;

取得:戻り値

option要素のvalue属性値を返します。

設定:設定する値

option要素のvalue属性値に設定する値を指定します。

サンプルコード

JavaScript

var selectElements = document.getElementsByName('selectbox'),
    optionElements = selectElements[0].options;

// 指定option要素の値を取得
alert(optionElements[0].value);

// 選択されているoption要素の値を取得
alert(optionElements[selectElements[0].selectedIndex].value);

JavaScript逆引きリファレンス一覧へ戻る