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:

html<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:

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

Sekarang mari pilih item lain:

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

Задание 1

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.

Задание 2

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.