JavaScript bilen saýlanan sanawyň pozisiýasyny üýtgetmek

Öňki sapakda biz sanawyň saýlanan pozisiýasyny alyşdy öwrendik. Indi bolsa, JavaScript kömegi bilen saýlanan pozisiýany üýtgetmegi öwreneris.

Bunun üçin, saýlamak isleýän option elementimiziň value atributynyň bahasyny, selektiň value häsiýetine ýazmaly.

Bizde aşakdaky selekt bardyr diýeliň:

<select id="select">
	<option value="one">bir</option>
	<option value="two" selected>iki</option>
	<option value="three">üç</option>
</select>

Şeýle hem, bir düwme bardyr diýeliň:

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

Selekti we düwmäni üýtgeýjilere çalşyralyň:

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

Indi bolsa, düwmä basylanda selektimiziň saýlamasyny üýtgetmek üçin aşakdaky kody ýazalyň:

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

Eger sanawyň elementleriniň value atributy bolmasa, onda selektiň value häsiýetine, saýlamak isleýän option elementimiziň tekstini ýazmaly.

Aýlaryň adlary bilen açylýan sanawy ýasaň. JavaScript-iň, deslapky ýagdaýda, şu sanawda häzirki aýy saýlamagyny üpjün ediň.