Číslo vybraného bodu rozbaľovacieho zoznamu

V selektoroch existuje špeciálna vlastnosť selectedIndex, ktorá uchováva číslo bodu zoznamu, ktorý je aktuálne vybraný. Číslovanie pritom začína od nuly. Túto vlastnosť je možné both čítať, aj zapisovať, čím sa mení vybraný bod zoznamu.

Pozrime sa na prácu s touto vlastnosťou na príklade. Predpokladajme, že máme nasledujúci rozbaľovací zoznam:

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

Vypíšme číslo vybraného bodu zoznamu:

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

A teraz vyberme nejaký iný bod:

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