Номер выбранного пункта выпадающего списка

В селектах существует специальное свойство selectedIndex, хранящее в себе номер того пункта списка, который сейчас выбран. Нумерация при этом начинается с нуля. При этом данное свойство можно как прочитывать, так и записывать, меняя выбранный пункт списка.

Посмотрим работу с данным свойством на примере. Пусть у нас дан следующий выпадающий список:

html<select id="select">
  <option value="one">один</option>
  <option value="two" selected>два</option>
  <option value="three">три</option>
</select>

Давайте выведем номер выбранного пункта списка:

javascriptlet select = document.querySelector('#select');
console.log(select.selectedIndex); // выведет 1

А теперь выберем какой-нибудь другой пункт:

javascriptlet select = document.querySelector('#select');
select.selectedIndex = 2; // выберет 'три'