Tanlangan ro'yxat bandi raqami

Tanlovlarda maxsus selectedIndex xususiyati mavjud bo'lib, u hozir tanlangan ro'yxat bandining raqamini saqlaydi. Raqamlash bu holda noldan boshlanadi. Shu bilan birga ushbu xususiyatni ham o'qish mumkin, ham yozish mumkin, ro'yxatning tanlangan bandini o'zgartirish.

Keling, ushbu xususiyat bilan ishlashni misolda ko'rib chiqaylik. Quyidagi tanlov ro'yxati berilgan deb faraz qilaylik:

<select id="select">
	<option value="one">bir</option>
	<option value="two" selected>ikki</option>
	<option value="three">uch</option>
</select>

Keling, tanlangan ro'yxat bandining raqamini chiqaraylik:

let select = document.querySelector('#select');
console.log(select.selectedIndex); // 1 ni chiqaradi

Endi esa boshqa bir bandni tanlaylik:

let select = document.querySelector('#select');
select.selectedIndex = 2; // 'uch' ni tanlaydi

Input va tanlov berilgan. Inputga ma'lum bir raqam kiritiladi. Fokus yo'qotilganda, ro'yxatning kiriltirilgan qiymatiga teng bo'lgan raqamli bandini tanlang.

Hafta kunlari nomlari bilan tanlov ro'yxatini yarating. JavaScript orqali ushbu ro'yxatda sukut bo'yicha joriy kun tanlangan bo'lishini ta'minlang.