Nomor Item Terpilih dalam Dropdown List

Dalam elemen select terdapat properti khusus selectedIndex, yang menyimpan nomor item dalam daftar yang saat ini dipilih. Penomoran dimulai dari nol. Properti ini dapat dibaca dan juga ditulis, sehingga memungkinkan untuk mengubah item terpilih dalam daftar.

Mari kita lihat cara kerja properti ini dengan contoh. Misalkan kita memiliki dropdown list berikut:

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

Mari tampilkan nomor item yang dipilih dalam daftar:

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

Sekarang mari pilih item lain:

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

Diberikan sebuah input dan select. Sebuah angka dimasukkan ke dalam input. Saat kehilangan fokus, buatlah item dalam daftar yang nomornya sama dengan nilai dari input menjadi terpilih.

Buatlah dropdown list dengan nama-nama hari dalam seminggu. Atur sedemikian rupa melalui JavaScript agar secara default yang terpilih dalam daftar ini adalah hari ini.