Объясните selectedOption,пожалуйста?

Question

[olya_097]

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

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

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

</script>

Comments

[Сергей delphinpro]

объяснить-то что? =)

[olya_097]

Сергей delphinpro, почему выбраны именно второй оption ,а не первый?что значит строка

var selectedOption = select.options[select.selectedIndex];

[Сергей delphinpro]

olya_097,
https://developer.mozilla.org/ru/docs/Web/HTML/Ele...
https://developer.mozilla.org/ru/docs/Web/API/HTML...
https://developer.mozilla.org/ru/docs/Web/API/HTML...

Answer 1

[Егор Живагин]

select.options --- Все возможные options в массиве
select.selectedIndex --- индекс выбранной option

selectedOption = Массив_опций[ индекс_выбранной ];
selectedOptions === {
value: 'значение опции',
text: 'текст опции',
...
}