ჩამონათვალის არჩეული ელემენტის ნომერი

სელექტებს აქვთ სპეციალური თვისება 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; // აირჩევს 'სამი'-ს