В селектах существует специальное свойство
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 по умолчанию выбирал в этом списке текущий день.