Вернуться к уроку

Добавьте опцию к селекту

важность: 5

Есть селект:

<select>
  <option value="Rock">Рок</option>
  <option value="Blues" selected>Блюз</option>
</select>

При помощи JavaScript:

  1. Выведите значение и текст текущей выбранной опции.
  2. Добавьте опцию: <option value="Classic">Классика</option>.
  3. Сделайте её выбранной.

Решение:

<select>
  <option value="Rock">Рок</option>
  <option value="Blues" selected>Блюз</option>
</select>

<script>
  var select = document.body.children[0];

  // 1)
  var selectedOption = select.options[select.selectedIndex];
  alert( selectedOption.value  + " - " + selectedOption.text );

  // 2)
  var newOption = new Option("Classic", "Классика");
  select.appendChild(newOption);

  // 3)
  newOption.selected = true;
</script>