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:

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

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

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

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

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

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

Nëse lista jonë nuk ka atributet value, atëherë në vetinë value të select-it duhet të shkruajmë tekstin e tag-ut option që duam të zgjedhim.

Krijoni një listë rënëse me emrat e muajve. Bëni që JavaScript by default të zgjasë në këtë listë muain aktual.