Promena izabrane stavke liste na JavaScript-u

U prethodnoj lekciji smo naučili kako da dobijemo izabranu stavku liste. Hajde sada da promenimo izabranu stavku pomoću JavaScript-a.

Za ovo, u svojstvo value select-a upisaćemo vrednost atributa value one stavke option koju želimo da izaberemo.

Neka imamo sledeći select:

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

Neka postoji i dugme:

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

Dobijamo reference na select i dugme u promenljive:

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

A sada hajde da učinimo da pri kliknu na dugme naš select promeni izbor:

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

Ako naš lista nema atribute value, onda u svojstvo value select-a treba upisati tekst taga option, koju želimo da izaberemo.

Napravite padajuću listu sa nazivima meseci. Učinite da JavaScript podrazumevano izabere u ovoj listi trenutni mesec.