В предыдущем уроке мы с вами научились получать выбранный пункт списка. Давайте теперь будем изменять выбранный пункт с помощью JavaScript.
Для этого в свойство value селекта
запишем значение атрибута value того
option, который мы хотим выбрать.
Пусть у нас есть следующий селект:
<select id="select">
<option value="one">один</option>
<option value="two" selected>два</option>
<option value="three">три</option>
</select>
Пусть также есть кнопка:
<input type="submit" id="button">
Получим ссылки на селект и кнопку в переменные:
let select = document.querySelector('#select');
let button = document.querySelector('#button');
А теперь давайте сделаем так, что бы при нажатии на кнопку наш селект сменил выбор:
button.addEventListener('click', function() {
select.value = 'one';
});
Если у нашего списка нет атрибутов value,
то в свойство value селекта нужно
записывать текст тега option, который
мы хотим выбрать.
Сделайте выпадающий список с названиями месяцев. Сделайте так, чтобы по JavaScript по умолчанию выбирал в этом списке текущий месяц.