Ընտրված ցանկի կետի փոփոխում JavaScript-ով

Նախորդ դասում մենք սովորեցինք ստանալ ցանկի ընտրված կետը: Հիմա եկեք փոխենք ընտրված կետը JavaScript-ի օգնությամբ:

Դրա համար select-ի value հատկության մեջ կգրենք այն option-ի value ատրիբուտի արժեքը, որը մենք ցանկանում ենք ընտրել:

Ենթադրենք ունենք հետևյալ 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';
});