JavaScript-ით სელექტში არჩეული ელემენტის შეცვლა

წინა გაკვეთილში ჩვენ ვისწავლეთ როგორ მივიღოთ სელექტში არჩეული ელემენტი. ახლა კი ვისწავლოთ როგორ შევცვალოთ არჩეული ელემენტი JavaScript-ით.

ამისთვის სელექტის value პროპერტიში უნდა ჩავწეროთ იმ option-ის value ატრიბუტის მნიშვნელობა, რომლის არჩევაც გვსურს.

დავუშვათ, გვაქვს შემდეგი სელექტი:

<select id="select">
	<option value="one">ერთი</option>
	<option value="two" selected>ორი</option>
	<option value="three">სამი</option>
</select>

დავუშვათ, ასევე გვაქვს ღილაკი:

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

მოდი, მივიღოთ სელექტის და ღილაკის მითითებები ცვლადებში:

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

ახლა კი გავაკეთოთ ისე, რომ ღილაკზე დაჭერისას ჩვენმა სელექტმა შეცვალოს არჩეული ელემენტი:

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

თუ ჩვენს სიას არ გააჩნია value ატრიბუტი, სელექტის value პროპერტიში უნდა ჩავწეროთ იმ option-ის ტექსტი, რომლის არჩევაც გვსურს.

შექმენით ჩამოშლადი სია თვეების სახელებით. გაუწიეთ მას JavaScript-ით ისეთი მოქმედება, რომ სიაში ნაგულისხმევად აირჩეოდეს მიმდინარე თვე.