JavaScriptда списокнинг танланган пунктини ўзгартириш

Олдинги дарсда биз списокнинг танланган пунктини олишни ўрганган эдик. Келинг энди JavaScript ёрдамида танланган пунктни ўзгартирамиз.

Бунинг учун селектнинг value хоссасига биз танлаган optionнинг value атрибутининг қийматини ёзамиз.

Фарз қилайлик, бизда куйидаги селект бор:

html<select id="select">
  <option value="one">бир</option>
  <option value="two" selected>икки</option>
  <option value="three">уч</option>
</select>

Шунингдек, тугма хам бор деб фараз қилайлик:

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

Селект ва тугмага ҳаволани ўзгартувчиларга оламиз:

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

Энди эса тугма босилганда бизнинг селект танловини ўзгартирадиган қилиб қўйайлик:

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