Pasirinkto sąrašo elemento keitimas JavaScript

Ankstesnėje pamokoje mes išmokome gauti pasirinktą sąrašo elementą. Dabar išmoksime keisti pasirinktą elementą naudodami JavaScript.

Norint tai padaryti, į select elemento value savybę reikia įrašyti to option elemento value atributo reikšmę, kurį norime pasirinkti.

Tarkime, kad turime šį select elementą:

<select id="select">
	<option value="one">vienas</option>
	<option value="two" selected>du</option>
	<option value="three">trys</option>
</select>

Tarkime, kad taip pat yra mygtukas:

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

Gaukime nuorodas į select elementą ir mygtuką į kintamuosius:

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

Dabar padarykime taip, kad paspaudus mygtuką, mūsų select elementas pakeistų pasirinkimą:

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

Jei mūsų sąrašas neturi value atributų, tada į select elemento value savybę reikia įrašyti to option elemento tekstą, kurį norime pasirinkti.

Sukurkite išskleidžiamąjį sąrašą su mėnesių pavadinimais. Padarykite taip, kad JavaScript pagal nutylėjimą šiame sąraše pasirinktų dabartinį mėnesį.