JavaScript ဖြင့် ရွေးချယ်ထားသော စာရင်းအမှတ်ကို ပြောင်းလဲခြင်း

ယခင်သင်ခန်းစာတွင် ရွေးချယ်ထားသော စာရင်းအမှတ်ကို ရယူနည်းကို သင်ယူခဲ့ပါပြီ။ ယခု JavaScript ကို အသုံးပြု၍ ရွေးချယ်ထားသော အမှတ်ကို ပြောင်းလဲနည်းကို လေ့လာကြပါစို့။

ဤအတွက် select ၏ value property ထဲတွင် ကျွန်ုပ်တို့ရွေးချယ်လိုသော option ၏ value attribute တန်ဖိုးကို ရေးထည့်ပါမည်။

အောက်ပါ select ရှိသည်ဟု ဆိုကြပါစို့။

<select id="select">
	<option value="one">တစ်</option>
	<option value="two" selected>နှစ်</option>
	<option value="three">သုံး</option>
</select>

ခလုတ်တစ်ခုလည်း ရှိသည်ဟု ဆိုကြပါစို့။

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

select နှင့် ခလုတ်ကို variable များအဖြစ် ရယူပါမည်။

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

ယခု ခလုတ်ကိုနှိပ်လိုက်သည့်အခါ ကျွန်ုပ်တို့၏ select သည် ရွေးချယ်မှုကို ပြောင်းလဲသွားစေရန် ပြုလုပ်ကြပါစို့။

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

ကျွန်ုပ်တို့၏ စာရင်းတွင် value attributes များ မရှိပါက၊ select ၏ value property ထဲတွင် ကျွန်ုပ်တို့ရွေးချယ်လိုသော option tag ၏ စာသားကို ရေးထည့်ရပါမည်။

လများ၏အမည်များပါဝင်သော ရွေးချယ်စရာစာရင်းတစ်ခု ပြုလုပ်ပါ။ ယခုလကို ထိုစာရင်းတွင် ပုံသေအဖြစ် JavaScript မှ ရွေးချယ်သွားစေရန် ပြုလုပ်ပါ။