返回课程

添加一个选择选项

重要性:5

有一个 <select>

<select id="genres">
  <option value="rock">Rock</option>
  <option value="blues" selected>Blues</option>
</select>

使用 JavaScript 来

  1. 显示选定选项的值和文本。
  2. 添加一个选项:<option value="classic">Classic</option>
  3. 将其设置为选中状态。

注意,如果你做对了,你的提示应该显示 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>