Açılır Liste Seçilen Öğe Numarası

Select elemanlarında, şu anda seçili olan liste öğesinin numarasını saklayan özel bir selectedIndex özelliği bulunur. Numaralandırma bu durumda sıfırdan başlar. Bu özellik hem okunabilir hem de yazılabilir, böylece seçili liste öğesi değiştirilebilir.

Bu özellikle çalışmayı bir örnek üzerinde inceleyelim. Aşağıdaki açılır listemiz olduğunu varsayalım:

html<select id="select">
  <option value="one">bir</option>
  <option value="two" selected>iki</option>
  <option value="three">üç</option>
</select>

Şimdi seçili liste öğesinin numarasını çıktılayalım:

javascriptlet select = document.querySelector('#select');
console.log(select.selectedIndex); // 1 yazdırır

Şimdi başka bir öğe seçelim:

javascriptlet select = document.querySelector('#select');
select.selectedIndex = 2; // 'üç' öğesini seçer