Таңдалған тізім пунктін 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';
});