オプションを追加して選択する
重要度: 5
<select>があります。
<select id="genres">
<option value="rock">Rock</option>
<option value="blues" selected>Blues</option>
</select>JavaScriptを使用して
- 選択されているオプションの値とテキストを表示します。
- オプションを追加します:
<option value="classic">クラシック</option>。 - 選択します。
すべて正しく行っていれば、アラートにbluesが表示されるはずです。
解決策の手順
<select id="genres">
<option value="rock">Rock</option>
<option value="blues" selected>Blues</option>
</select>
<script>
// 1)
let selectedOption = genres.options[genres.selectedIndex];
alert( selectedOption.value );
// 2)
let newOption = new Option("Classic", "classic");
genres.append(newOption);
// 3)
newOption.selected = true;
</script>