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

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

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

အောက်ပါ 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 နှင့် ခလုတ်ကို variable များအဖြစ် ရယူပါမည်။

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

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

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