АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP, Python и фреймворки. Сегодня последний день для записи! Жми!
⊗jsPmSlSIN 408 of 503 menu
Бесплатные курсы по Git. Начинаем, когда соберется 1000 желающих:) Жми для записи!

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

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

enru