Spreminjanje izbranega elementa seznama v JavaScript

V prejšnji lekciji smo se naučili pridobiti izbrani element seznama. Zdaj pa ga bomo spreminjali z JavaScript.

Za to v lastnost value selecta zapišemo vrednost atributa value tistega option, ki ga želimo izbrati.

Recimo, da imamo naslednji select:

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

Naj bo tudi gumb:

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

Pridobimo povezave na select in gumb v spremenljivke:

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

In zdaj naredimo tako, da ob kliku na gumb naš select spremeni izbiro:

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

Če naš seznam nima atributov value, potem v lastnost value selecta potrebujemo zapisati besedilo oznake option, ki ga želimo izbrati.

Naredite spustni seznam z imeni mesecev. Naredite tako, da JavaScript privzeto izbere v tem seznamu trenutni mesec.