Valitud loendi punkti muutmine JavaScriptis

Eelmises õppetükis õppisime kuidas saada valitud loendi punkti. Nüüd muudame valitud punkti JavaScripti abil.

Selleks kirjutame selecti omadusse value selle option value atribuudi väärtuse, mida me soovime valida.

Olgu meil järgmine select:

<select id="select">
	<option value="one">üks</option>
	<option value="two" selected>kaks</option>
	<option value="three">kolm</option>
</select>

Olgu samuti nupp:

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

Saame viited selectile ja nupule muutujatesse:

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

Ja nüüd teeme nii, et nupu vajutamisel muudaks meie select valikut:

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

Kui meie loendil pole value atribuute, siis selecti omadusse value tuleb kirjutada selle option teksti, mida me soovime valida.

Looge rippmenüü kuude nimedega. Seadke nii, et JavaScript vaikimisi valiks selles loendis praeguse kuu.