Ընտրված ցանկի կետի փոփոխում JavaScript-ով

Նախորդ դասում մենք սովորեցինք ստանալ ցանկի ընտրված կետը: Հիմա եկեք փոխենք ընտրված կետը JavaScript-ի օգնությամբ:

Դրա համար select-ի value հատկության մեջ կգրենք այն option-ի value ատրիբուտի արժեքը, որը մենք ցանկանում ենք ընտրել:

Ենթադրենք ունենք հետևյալ 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 ատրիբուտներ, ապա select-ի value հատկության մեջ պետք է գրել այն option-ի տեքստը, որը մենք ցանկանում ենք ընտրել:

Ստեղծեք բացվող ցանկ ամիսների անուններով:

Անեք այնպես, որ լռելյայն JavaScript-ը այս ցանկում ընտրի ընթացիկ ամիսը: