Numret på det valda alternativet i en rullgardinsmeny

I select-element finns en speciell egenskap selectedIndex som lagrar numret på den listpunkt som för närvarande är vald. Numreringen börjar från noll. Denna egenskap kan både läsas och skrivas, vilket gör det möjligt att ändra den valda listpunkten.

Låt oss se hur man arbetar med denna egenskap med ett exempel. Antag att vi har följande rullgardinsmeny:

<select id="select">
	<option value="one">ett</option>
	<option value="two" selected>två</option>
	<option value="three">tre</option>
</select>

Låt oss skriva ut numret på den valda listpunkten:

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

Och låt oss nu välja en annan listpunkt:

let select = document.querySelector('#select');
select.selectedIndex = 2; // väljer 'tre'

Det finns en input och en select. Ett nummer matas in i input. När den tappar fokus, gör så att den listpunkt väljs som har ett nummer lika med input-värdet.

Skapa en rullgardinsmeny med namnen på veckodagarna. Gör så att JavaScript som standard väljer den aktuella dagen i denna lista.