新增選項以供選擇
重要性：5
有一個 <select>
<select id="genres">
<option value="rock">Rock</option>
<option value="blues" selected>Blues</option>
</select>使用 JavaScript
- 顯示所選選項的值和文字。
- 新增一個選項：
<option value="classic">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>