Рақами нуқтаи интихобшудаи рӯйхати ҷудошаванда

Дар селектҳо хосияти махсуси 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 ба сурати пешфарз рӯзи ҷорӣ дар ин рӯйхат интихоб шавад.