添加一个选择选项
重要性: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>