Nombor Item Terpilih dalam Senarai Jatuh Turun

Dalam pilihan terdapat sifat khas selectedIndex, yang menyimpan nombor item senarai yang sedang dipilih. Penomboran bermula dari sifar. Sifat ini boleh dibaca dan juga ditulis, mengubah item senarai yang dipilih.

Mari kita lihat cara bekerja dengan sifat ini melalui contoh. Katakan kita mempunyai senarai jatuh turun berikut:

<select id="select">
	<option value="one">satu</option>
	<option value="two" selected>dua</option>
	<option value="three">tiga</option>
</select>

Mari kita keluarkan nombor item senarai yang dipilih:

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

Sekarang mari pilih item lain:

let select = document.querySelector('#select');
select.selectedIndex = 2; // akan memilih 'tiga'

Diberikan input dan pilihan. Masukkan nombor ke dalam input. Apabila kehilangan fokus, jadikan item senarai yang dipilih adalah item yang nombornya sama dengan nilai dari input.

Buat senarai jatuh turun dengan nama hari dalam minggu. Pastikan melalui JavaScript secara lalai memilih hari semasa dalam senarai ini.