Број изабраног елемента падајућег списка

У селекторима постоји специјално својство selectedIndex, које чува број оног елемента листе који је тренутно изабран. Нумерација притом почиње од нуле. При томе ово својство можемо како да читамо, тако и да га уписујемо, мењајући изабрани елемент листе.

Погледајмо рад са овим својством на примеру. Нека нам је дат следећи падајући списак:

html<select id="select">
  <option value="one">један</option>
  <option value="two" selected>два</option>
  <option value="three">три</option>
</select>

Хајде да испишемо број изабраног елемента листе:

javascriptlet select = document.querySelector('#select');
console.log(select.selectedIndex); // исписаће 1

А сада да изаберемо неки други елемент:

javascriptlet select = document.querySelector('#select');
select.selectedIndex = 2; // изабраће 'три'