Nummeret på den valgte mulighed i en dropdownliste

I select-elementer findes der en speciel egenskab selectedIndex, som gemmer nummeret på den mulighed i listen, der i øjeblikket er valgt. Nummereringen starter ved nul. Denne egenskab kan både læses og skrives til, hvilket ændrer den valgte mulighed i listen.

Lad os se på arbejdet med denne egenskab med et eksempel. Antag at vi har følgende dropdownliste:

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

Lad os udskrive nummeret på den valgte mulighed i listen:

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

Og lad os nu vælge en anden mulighed:

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