Тағйир додани интихоби нуқтаи рӯйхат бо JavaScript

Дар дарси қаблӣ мо гирифтани нуқтаи интихобшудаи рӯйхатро омӯхтем. Биёед ҳоло нуқтаи интихобшударо бо JavaScript тағйир диҳем.

Барои ин ба хосияти value-и select қимати атрибути value-и он option-ро менависем, ки мо мехоҳем интихоб кунем.

Бигзор мо 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';
});