Промяна на избрания елемент от списък с 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 по подразбиране да избира в този списък текущия месец.