JavaScriptda ro'yxatning tanlangan bandini o'zgartirish

Oldingi darsda biz ro'yxatning tanlangan bandini qanday olishni o'rgandik. Keling, endi JavaScript yordamida tanlangan bandni o'zgartirishni o'rganamiz.

Buning uchun select elementining value xususiyatiga tanlamoqchi bo'lgan option elementimizning value atributi qiymatini yozamiz.

Faraz qilaylik, bizda quyidagi select mavjud:

html<select id="select">
  <option value="one">bir</option>
  <option value="two" selected>ikki</option>
  <option value="three">uch</option>
</select>

Shuningdek, tugma ham mavjud:

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

Select va tugmaga havolalarni o'zgaruvchilarga olaylik:

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

Endi esa tugma bosilganda select elementining tanlovi o'zgarishi uchun kod yozamiz:

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