Додайте нову опцію до елемента `<select>`
важливість: 5
Маємо <select>
:
<select id="genres">
<option value="rock">Рок</option>
<option value="blues" selected>Блюз</option>
</select>
Використовуючи JavaScript:
- Виведіть значення та текст обраної опції.
- Додайте опцію:
<option value="classic">Класика</option>
. - Зробіть її обраною.
Зверніть увагу: якщо ви все зробили правильно, то ваше сповіщення має показати значення blues
.
Рішення, крок за кроком:
<select id="genres">
<option value="rock">Рок</option>
<option value="blues" selected>Блюз</option>
</select>
<script>
// 1)
let selectedOption = genres.options[genres.selectedIndex];
alert( selectedOption.value );
// 2)
let newOption = new Option("Класика", "classic");
genres.append(newOption);
// 3)
newOption.selected = true;
</script>