Açılan siyahının seçilmiş bəndinin nömrəsi

Selectlərdə xüsusi bir selectedIndex xüsusiyyəti var, hazırda seçilmiş olan siyahı bəndinin nömrəsini saxlayır. Nömrələmə isə sıfırdan başlayır. Bu xüsusiyyəti həm oxumaq olar, həm də yazmaq olar, siyahının seçilmiş bəndini dəyişdirərək.

Gəlin bu xüsusiyyətlə işi bir nümunə ilə nəzərdən keçirək. Tutaq ki, bizə aşağıdakı açılan siyahı verilib:

<select id="select">
	<option value="one">bir</option>
	<option value="two" selected>iki</option>
	<option value="three">üç</option>
</select>

Gəlin siyahının seçilmiş bəndinin nömrəsini çıxadaq:

let select = document.querySelector('#select');
console.log(select.selectedIndex); // 1 çıxardacaq

İndi isə gəlin başqa bir bənd seçək:

let select = document.querySelector('#select');
select.selectedIndex = 2; // 'üç'-ü seçəcək

Bir input və bir select verilib. Inputa bir nömrə daxil edilir. Fokus itirildikdə, siyahının daxil edilmiş qiymətə bərabər nömrəli bəndini seçilmiş edin.

Həftənin günlərinin adları olan bir açılan siyahı düzəldin. Elə edin ki, JavaScript vasitəsilə bu siyahıda defolt olaraq cari gün seçilsin.