Pasirinkto sąrašo elemento keitimas JavaScript

Ankstesnėje pamokoje mes išmokome gauti pasirinktą sąrašo elementą. Dabar išmoksime keisti pasirinktą elementą naudodami JavaScript.

Norint tai padaryti, į select elemento value savybę reikia įrašyti to option elemento value atributo reikšmę, kurį norime pasirinkti.

Tarkime, kad turime šį select elementą:

html<select id="select">
  <option value="one">vienas</option>
  <option value="two" selected>du</option>
  <option value="three">trys</option>
</select>

Tarkime, kad taip pat yra mygtukas:

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

Gaukime nuorodas į select elementą ir mygtuką į kintamuosius:

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

Dabar padarykime taip, kad paspaudus mygtuką, mūsų select elementas pakeistų pasirinkimą:

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