Kubadilisha Kipengee Kilichochaguliwa kwenye Orodha kwa kutumia JavaScript

Katika somo lililopita tulijifunza kupata kipengee kilichochaguliwa kwenye orodha. Sasa tufanye kubadilisha kipengee kilichochaguliwa kwa kutumia JavaScript.

Ili kufanya hivyo, kwenye sifa value ya select tutaandika thamani ya sifa value ya ile option tunayotaka kuchagua.

Tuchukulie tuna select ifuatayo:

html<select id="select">
  <option value="one">moja</option>
  <option value="two" selected>mbili</option>
  <option value="three">tatu</option>
</select>

Tuchukulie pia kuna kifungo:

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

Tupate viungo kwenye select na kifungo kwenye vigeu:

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

Sasa tufanye ili kubonyeza kifungo kuchange uchaguzi wetu wa select:

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