Nummeret på den valgte mulighed i en dropdownliste

I select-elementer findes der en speciel egenskab selectedIndex, som gemmer nummeret på den mulighed i listen, der i øjeblikket er valgt. Nummereringen starter ved nul. Denne egenskab kan både læses og skrives til, hvilket ændrer den valgte mulighed i listen.

Lad os se på arbejdet med denne egenskab med et eksempel. Antag at vi har følgende dropdownliste:

<select id="select">
	<option value="one">en</option>
	<option value="two" selected>to</option>
	<option value="three">tre</option>
</select>

Lad os udskrive nummeret på den valgte mulighed i listen:

let select = document.querySelector('#select');
console.log(select.selectedIndex); // vil udskrive 1

Og lad os nu vælge en anden mulighed:

let select = document.querySelector('#select');
select.selectedIndex = 2; // vil vælge 'tre'

Der gives et inputfelt og en select. Et tal indtastes i inputfeltet. Når feltet mister fokus, skal den mulighed i listen vælges, hvis nummer er lig med værdien fra inputfeltet.

Lav en dropdownliste med ugedagenes navne. Gør således at JavaScript som standard vælger den aktuelle dag i denne liste.