Číslo vybraného bodu rozbaľovacieho zoznamu

V selektoroch existuje špeciálna vlastnosť selectedIndex, ktorá uchováva číslo bodu zoznamu, ktorý je aktuálne vybraný. Číslovanie pritom začína od nuly. Túto vlastnosť je možné both čítať, aj zapisovať, čím sa mení vybraný bod zoznamu.

Pozrime sa na prácu s touto vlastnosťou na príklade. Predpokladajme, že máme nasledujúci rozbaľovací zoznam:

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

Vypíšme číslo vybraného bodu zoznamu:

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

A teraz vyberme nejaký iný bod:

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

Daný je vstup a selektor. Do vstupu sa zadá nejaké číslo. Pri strate ohniska nastavte ako vybraný bod zoznamu, ktorého číslo sa rovná hodnote zo vstupu.

Vytvorte rozbaľovací zoznam s názvami dní týždňa. Nastavte pomocou JavaScriptu aby sa v tomto zozname predvolene vybral aktuálny deň.