Промена на избраната ставка во листа на JavaScript

Во претходната лекција научивме како да ја добиеме избраната ставка во листата. Сега да научиме како да ја промениме избраната ставка со помош на JavaScript.

За да го направиме ова, во својството value на select-от ќе ја запишеме вредноста на атрибутот value на оној option што сакаме да го избереме.

Да претпоставиме дека го имаме следниов select:

<select id="select">
	<option value="one">еден</option>
	<option value="two" selected>два</option>
	<option value="three">три</option>
</select>

Да претпоставиме дека имаме и копче:

<input type="submit" id="button">

Да ги добиеме врските до select-от и копчето во променливи:

let select = document.querySelector('#select');
let button = document.querySelector('#button');

И сега да направиме така што при кликнување на копчето нашиот select ќе го смени изборот:

button.addEventListener('click', function() {
	select.value = 'one';
});

Ако нашиот список нема атрибути value, тогаш во својството value на select-от треба да се запише текстот на тегот option што сакаме да го избереме.

Направете паѓачка листа со имиња на месеци. Направете така што JavaScript стандардно во оваа листа ќе го избира тековниот месец.