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';
});