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

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

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

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

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

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

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

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

Дан инпут и селект. В инпут вводится какое-то число. По потери фокуса сделайте выделенным пункт списка, номер которого равен значению из инпута.

Сделайте выпадающий список с названиями дней недели. Сделайте так, чтобы по JavaScript по умолчанию выбирал в этом списке текущий день.