Zmena vybraného prvku zoznamu v JavaScripte

V predchádzajúcej lekcii sme sa naučili, ako získať vybraný prvok zoznamu. Teraz poďme meniť vybraný prvok pomocou JavaScriptu.

Na to do vlastnosti value selectu zapíšeme hodnotu atribútu value toho option, ktorý chceme vybrať.

Majme nasledujúci select:

<select id="select">
	<option value="one">jeden</option>
	<option value="two" selected>dva</option>
	<option value="three">tri</option>
</select>

Nech je tam tiež tlačidlo:

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

Získajme odkazy na select a tlačidlo do premenných:

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

A teraz urobme to, aby pri kliknutí na tlačidlo náš select zmenil výber:

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

Ak náš zoznam nemá atribúty value, potom do vlastnosti value selectu treba zapísať text tagu option, ktorý chceme vybrať.

Vytvorte rozbaľovací zoznam s názvami mesiacov. Nastavte to tak, aby JavaScript v tomto zozname štandardne vybral aktuálny mesiac.