Číslo vybrané položky rozbalovacího seznamu

U selektorů existuje speciální vlastnost selectedIndex, která uchovává číslo položky seznamu, která je právě vybrána. Číslování při tom začíná od nuly. Tuto vlastnost lze jak číst, tak zapisovat, čímž měníme vybranou položku seznamu.

Podívejme se na práci s touto vlastností na příkladu. Předpokládejme, že máme následující rozbalovací seznam:

<select id="select">
	<option value="one">jedna</option>
	<option value="two" selected>dva</option>
	<option value="three">tři</option>
</select>

Vypišme číslo vybrané položky seznamu:

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

A nyní vyberme nějakou jinou položku:

let select = document.querySelector('#select');
select.selectedIndex = 2; // vybere 'tři'

Je dáno vstupní pole a selektor. Do vstupního pole se zadá nějaké číslo. Po ztrátě fóku nastavte jako vybranou položku seznamu, jejíž číslo je rovno hodnotě ze vstupního pole.

Vytvořte rozbalovací seznam s názvy dnů v týdnu. Zařiďte, aby se pomocí JavaScriptu ve výchozím nastavení v tomto seznamu vybral aktuální den.