dom_dom0600_006

<select> 要素の選択値は、テキストではなく ( A ) プロパティで取得する。個々の <option> の表示文字列は option.text、送信されるのは ( B ) である。

解答

A: value
B: option.value(select.value)

解説

select.value は選択中の option.value を返します。表示と送信値が異なる場合に注意します。

使用例(サンプルコード)

[ html ]

<select id="color">
  <option value="red">赤</option>
  <option value="blue">青</option>
</select>
<script>
  const sel = document.getElementById('color');
  console.log(sel.value); // "red" など
</script>