Številka izbranega elementa spustnega seznama

Spustni seznami imajo posebno lastnost selectedIndex, ki hrani številko trenutno izbranega elementa seznama. Številčenje se pri tem začne pri nič. To lastnost lahko tako preberemo kot tudi nastavimo, s čimer spreminjamo izbrani element seznama.

Oglejmo si delo s to lastnostjo na primeru. Recimo, da imamo naslednji spustni seznam:

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

Izpišimo številko izbranega elementa seznama:

let select = document.querySelector('#select');
console.log(select.selectedIndex); // izpiše 1

Zdaj pa izberimo kakšen drug element:

let select = document.querySelector('#select');
select.selectedIndex = 2; // izbere 'tri'

Podan je vnosno polje in spustni seznam. V vnosno polje je vneseno neko število. Ob izgubi fokusa naredite izbranim element seznama, katerega številka je enaka vrednosti iz vnosnega polja.

Naredite spustni seznam z imeni dni v tednu. Naredite tako, da bo po JavaScriptu privzeto izbral v tem seznamu trenutni dan.