Modificarea opțiunii selectate dintr-o listă în JavaScript

În lecția anterioară am învățat cum să obținem opțiunea selectată dintr-o listă. Să modificăm acum opțiunea selectată folosind JavaScript.

Pentru aceasta, în proprietatea value a listei select vom scrie valoarea atributului value al acelei opțiuni option pe care dorim să o selectăm.

Să presupunem că avem următoarea listă select:

<select id="select">
	<option value="one">unu</option>
	<option value="two" selected>doi</option>
	<option value="three">trei</option>
</select>

Să presupunem că avem și un buton:

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

Obținem referințele către listă și buton în variabile:

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

Și acum să facem ca la click pe buton lista noastră să schimbe selecția:

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

Dacă lista noastră nu are atribute value, atunci în proprietatea value a listei select trebuie să scriem textul tag-ului option pe care îl dorim selectat.

Creați o listă derulantă cu numele lunilor. Faceți ca JavaScript în mod implicit să selecteze în această listă luna curentă.