Valitud loendi punkti muutmine JavaScriptis

Eelmises õppetükis õppisime kuidas saada valitud loendi punkti. Nüüd muudame valitud punkti JavaScripti abil.

Selleks kirjutame selecti omadusse value selle option value atribuudi väärtuse, mida me soovime valida.

Olgu meil järgmine select:

html<select id="select">
  <option value="one">üks</option>
  <option value="two" selected>kaks</option>
  <option value="three">kolm</option>
</select>

Olgu samuti nupp:

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

Saame viited selectile ja nupule muutujatesse:

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

Ja nüüd teeme nii, et nupu vajutamisel muudaks meie select valikut:

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