Mengubah Item Terpilih dalam Senarai pada JavaScript

Dalam pelajaran sebelumnya, kita belajar untuk mendapatkan item terpilih dalam senarai. Sekarang mari kita ubah item terpilih menggunakan JavaScript.

Untuk ini, dalam sifat value select tulis nilai atribut value bagi option yang ingin kita pilih.

Katakan kita mempunyai select berikut:

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

Katakan juga terdapat butang:

<input type="submit" id="button">

Dapatkan pautan ke select dan butang dalam pembolehubah:

let select = document.querySelector('#select');
let button = document.querySelector('#button');

Dan sekarang mari kita buat supaya apabila butang ditekan, select kita menukar pilihan:

button.addEventListener('click', function() {
	select.value = 'one';
});

Jika senarai kita tidak mempunyai atribut value, maka dalam sifat value select perlu ditulis teks tag option yang kita ingin pilih.

Buat senarai drop-down dengan nama bulan. Buat supaya JavaScript secara lalai memilih bulan semasa dalam senarai ini.