Pudotusvalikon valitun kohteen numero

Pudotusvalikoissa on erityinen ominaisuus selectedIndex, joka sisältää valitun listakohdan numeron. Numerointi alkaa nollasta. Tätä ominaisuutta voi sekä lukea että kirjoittaa, muuttaen valittua listakohtaa.

Katsotaan tämän ominaisuuden käyttöä esimerkin avulla. Olkoon meillä seuraava pudotusvalikko:

<select id="select">
	<option value="one">yksi</option>
	<option value="two" selected>kaksi</option>
	<option value="three">kolme</option>
</select>

Luetaan valitun listakohdan numero:

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

Valitaan nyt jokin toinen kohta:

let select = document.querySelector('#select');
select.selectedIndex = 2; // valitsee 'kolme'

Annettu syötekenttä ja pudotusvalikko. Syötekenttään syötetään jokin numero. Kun kenttä menettää fokuksen, tee valituksi listakohdaksi, jonka numero on yhtä suuri kuin syötekentän arvo.

Tee pudotusvalikko viikonpäivien nimillä. Tee niin, että JavaScript valitsee oletusarvoisesti tässä valikossa nykyisen päivän.