Тандалган түшүрмө тизме пунктунун номери

Селекторлордо 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 аркылуу бул тизмеде демейки абалда учурдагы күндү тандап алууну ишке ашырыңыз.