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

სელექტებს აქვთ სპეციალური თვისება selectedIndex, რომელიც ინახავს ჩამონათვალის იმ ელემენტის ნომერს, რომელიც ამჟამად არის არჩეული. ნუმერაცია იწყება ნულიდან. ამ თვისების მნიშვნელობის შეცვლა შესაძლებელია, რითაც იცვლება ჩამონათვალის არჩეული ელემენტი.

მოდით ვნახოთ ამ თვისებასთან მუშაობა მაგალითზე. მოდით გვქონდეს შემდეგი ჩამონათვალი:

<select id="select">
	<option value="one">ერთი</option>
	<option value="two" selected>ორი</option>
	<option value="three">სამი</option>
</select>

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

let select = document.querySelector('#select');
console.log(select.selectedIndex); // გამოიტანს 1

ახლა კი ავირჩიოთ რაიმე სხვა ელემენტი:

let select = document.querySelector('#select');
select.selectedIndex = 2; // აირჩევს 'სამი'-ს

მოცემულია ინფუთი და სელექტი. ინფუთში შეყვანილია რაღაც რიცხვი. ფოკუსის დაკარგვაზე გახადეთ არჩეული ჩამონათვალის ის ელემენტი, რომლის ნომერიც ტოლია ინფუთის მნიშვნელობის.

გააკეთეთ ჩამონათვალი კვირის დღეების სახელებით. გახადეთ ისე, რომ JavaScript-ის მეშვეობით ნაგულისხმევად აირჩეს ამ ჩამონათვალში მიმდინარე დღე.