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:

html<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:

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

Og la oss nå velge et annet punkt:

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