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:

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

Tuchukulie pia kuna kifungo:

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

Tupate viungo kwenye select na kifungo kwenye vigeu:

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

Sasa tufanye ili kubonyeza kifungo kuchange uchaguzi wetu wa select:

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

Ikiwa orodha yetu haina sifa value, basi kwenye sifa value ya select inahitaji kuandikwa maandishi ya tag option ambayo tunataka kuchagua.

Tengeneza orodha inayodondoshwa kwa majina ya miezi. Fanya ili JavaScript kwa default ichague mwezi wa sasa kwenye orodha hii.