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:

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

Luetaan valitun listakohdan numero:

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

Valitaan nyt jokin toinen kohta:

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