Изменение выбранного пункта списка на JavaScript

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