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

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

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

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

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

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

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