Таңдалған тізім нөмірі

Селекттерде 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 арқылы осы тізімде әдепкі бойынша ағымдағы күн таңдалған болсын.