Промена на избраната ставка во листа на JavaScript

Во претходната лекција научивме како да ја добиеме избраната ставка во листата. Сега да научиме како да ја промениме избраната ставка со помош на JavaScript.

За да го направиме ова, во својството value на select-от ќе ја запишеме вредноста на атрибутот value на оној option што сакаме да го избереме.

Да претпоставиме дека го имаме следниов select:

html<select id="select">
  <option value="one">еден</option>
  <option value="two" selected>два</option>
  <option value="three">три</option>
</select>

Да претпоставиме дека имаме и копче:

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

Да ги добиеме врските до select-от и копчето во променливи:

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

И сега да направиме така што при кликнување на копчето нашиот select ќе го смени изборот:

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