Nummer på valgt punkt i nedtrekksliste

I select-elementer finnes det en spesiell egenskap selectedIndex, som lagrer nummeret på den listepunktet som er valgt for øyeblikket. Nummereringen starter fra null. Denne egenskapen kan både leses og skrives, for å endre det valgte listepunktet.

La oss se på hvordan man jobber med denne egenskapen ved hjelp av et eksempel. Anta at vi har følgende nedtrekksliste:

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

La oss skrive ut nummeret på det valgte listepunktet:

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

Og la oss nå velge et annet punkt:

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

Gitt et input-felt og en select. Det skrives inn et tall i input-feltet. Når feltet mister fokus, gjør at listepunktet med nummeret lik verdien fra input-feltet blir valgt.

Lag en nedtrekksliste med navn på ukedager. Gjør slik at JavaScript som standard velger dagens ukedag i denne listen.