select に option を追加する

<select> があります:

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

次をするために JavaScript を使います:

選択された option の値とテキストを表示します。
option <option value="classic">Classic</option> を追加します。
選択状態にします.

解決策:

<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>