Mengubah Item Terpilih dari Daftar pada JavaScript

Dalam pelajaran sebelumnya kita belajar untuk mendapatkan item terpilih dari daftar. Sekarang mari kita mengubah item terpilih dengan menggunakan JavaScript.

Untuk melakukannya, pada properti value dari select tuliskan nilai dari atribut value dari option yang ingin kita pilih.

Misalkan kita memiliki select berikut:

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

Misalkan juga terdapat sebuah tombol:

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

Dapatkan referensi ke select dan tombol ke dalam variabel:

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

Dan sekarang mari kita buat agar saat tombol ditekan, select kita akan mengganti pilihan:

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

Jika daftar kita tidak memiliki atribut value, maka pada properti value dari select perlu dituliskan teks dari tag option yang ingin kita pilih.

Buatlah daftar dropdown dengan nama-nama bulan. Buat agar JavaScript secara default memilih bulan yang sedang berjalan dalam daftar ini.