A kiválasztott elem száma a legördülő listában

A select elemeknek létezik egy speciális tulajdonsága, selectedIndex, amely a jelenleg kiválasztott listaelem számát tárolja. A számozás nullától kezdődik. Ezt a tulajdonságot mind elolvasni, mind beállítani lehet, ezzel megváltoztatva a kiválasztott listaelemet.

Nézzük meg ennek a tulajdonságnak a működését egy példán keresztül. Tegyük fel, hogy a következő legördülő lista adott:

html<select id="select">
  <option value="one">egy</option>
  <option value="two" selected>kettő</option>
  <option value="three">három</option>
</select>

Most pedig jelenítsük meg a kiválasztott listaelem számát:

javascriptlet select = document.querySelector('#select');
console.log(select.selectedIndex); // 1-et fog kiírni

És most válasszunk ki egy másik elemet:

javascriptlet select = document.querySelector('#select');
select.selectedIndex = 2; // kiválasztja a 'három'-at