Ndryshimi i elementit të zgjedhur të listës në JavaScript

Në mësimin e mëparshëm mësuam se si të merrnim elementin e zgjedhur të listës. Tani le të mësojmë se si të ndryshojmë elementin e zgjedhur duke përdorur JavaScript.

Për ta bërë këtë, në vetinë value të select-it do të shkruajmë vlerën e atributit value të atij option që duam të zgjedhim.

Le të supozojmë se kemi select-in e mëposhtëm:

html<select id="select">
  <option value="one">një</option>
  <option value="two" selected>dy</option>
  <option value="three">tre</option>
</select>

Le të supozojmë gjithashtu se kemi një buton:

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

Le të marrim referencat për select dhe butonin në variabla:

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

Tani le të bëjmë që kur të klikohet butoni, select-i të ndryshojë zgjedhjen:

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