Številka izbranega elementa spustnega seznama

Spustni seznami imajo posebno lastnost selectedIndex, ki hrani številko trenutno izbranega elementa seznama. Številčenje se pri tem začne pri nič. To lastnost lahko tako preberemo kot tudi nastavimo, s čimer spreminjamo izbrani element seznama.

Oglejmo si delo s to lastnostjo na primeru. Recimo, da imamo naslednji spustni seznam:

html<select id="select">
  <option value="one">ena</option>
  <option value="two" selected>dva</option>
  <option value="three">tri</option>
</select>

Izpišimo številko izbranega elementa seznama:

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

Zdaj pa izberimo kakšen drug element:

javascriptlet select = document.querySelector('#select');
select.selectedIndex = 2; // izbere 'tri'