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

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

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

Бигзор мо select-и зеринро дорем:

<select id="select">
	<option value="one">як</option>
	<option value="two" selected>ду</option>
	<option value="three">се</option>
</select>

Бигзор инчунин тугма вуҷуд дорад:

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

Истинодҳоро ба select ва тугма ба тағйирёбандаҳо мегирем:

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

Ва ҳоло биёед чунон кунем, ки вақте ки тугма пахш карда мешавад, select-и мо интихобро иваз кунад:

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

Агар рӯйхати мо атрибутҳои value надошта бошад, пас ба хосияти value-и select бояд матни теги option-ро навишт, ки мо мехоҳем интихоб кунем.

Рӯйхати нишондиҳандае бо номҳои моҳҳо созед. Чунон кунед, ки JavaScript ба сурати пешфарз дар ин рӯйхат моҳи ҷорӣро интихоб кунад.