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:

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

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

Dapatkan referensi ke select dan tombol ke dalam variabel:

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

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

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