JavaScript-də seçilmiş siyahı elementinin dəyişdirilməsi

Əvvəlki dərsdə biz siyahının seçilmiş elementini necə əldə edəcəyimizi öyrənmişdik. Gəlin indi JavaScript köməyi ilə seçilmiş elementi necə dəyişdirməyi öyrənək.

Bunun üçün select-in value xassəsinə seçmək istədiyimiz option-un value atributunun dəyərini yazırıq.

Tutaq ki, bizim aşağıdakı select-imiz var:

html<select id="select">
  <option value="one">bir</option>
  <option value="two" selected>iki</option>
  <option value="three">üç</option>
</select>

Tutaq ki, həmçinin bir düymə var:

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

Select və düyməyə istinadları dəyişənlərə əldə edək:

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

İndi isə gəlin elə edək ki, düyməyə klikləndikdə bizim select seçimi dəyişsin:

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