HTMLSelectElement: value プロパティ
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
HTMLSelectElement.value プロパティは、この <select> 要素に関連付けられた <option> 要素のうち、選択された最初のものの値を格納します。
このプロパティは直接設定することもでき、例えば、何らかの条件に基づいて既定値を設定するには、次のようにします。
値
この <select> 要素で最初に選択された <option> 要素の値を格納する文字列、またはオプションが選択されていない場合は空文字列。
例
選択された値の取得
html
<label for="bird-select">鳥を選択してください:</label> <select name="birds" id="bird-select"> <option value="">--オプションを選択してください--</option> <option value="Scarlet ibis">ショウジョウトキ</option> <option value="Marabou stork">マラボウコウノトリ</option> <option value="Roseate spoonbill">ベニヘラサギ</option> </select> <pre id="log"></pre> js
const logElement = document.querySelector("#log"); function log(text) { logElement.innerText = text; } const select = document.querySelector("#bird-select"); select.addEventListener("change", () => { log(`選択: ${select.value}`); }); 仕様書
| Specification |
|---|
| HTML # dom-select-value-dev |
ブラウザーの互換性
Loading…
関連情報
- このインターフェイスを実装している HTML の
<select>要素。