val method
val method သည် element ၏လက်ရှိတန်ဖိုးကို ရယူရန်နှင့်
ပြောင်းလဲရန် ခွင့်ပြုပေးသည်။
Syntax
အောက်ပါအတိုင်း ရွေးချယ်ထားသော set ထဲမှ ပထမဆုံး element ၏လက်ရှိတန်ဖိုးကို ရယူနိုင်ပါသည်။
$(selector).val();
val method ကို အဓိကအားဖြင့် ဖော်မများ၏ element များ၏တန်ဖိုးများကို ရယူရန် အသုံးပြုပါသည်။ ဥပမာ-
input,
select
နှင့် textarea။ အကယ်၍
၎င်းကို အချည်းနှီးသော collection တစ်ခုပေါ်တွင် ခေါ်ယူပါက undefined ကို ပြန်ပေးမည်ဖြစ်သည်။
attribute multiple သတ်မှတ်ထားသော select များကို လုပ်ဆောင်ရာတွင်၊
method သည် ရွေးချယ်ထားသော option တစ်ခုစီ၏ တန်ဖိုးများပါသော array တစ်ခုကို ပြန်ပေးမည်ဖြစ်သည်။ အကယ်၍ မည်သည့် option ကိုမျှ မရွေးချယ်ထားပါက၊
အချည်းနှီးသော array တစ်ခုကို ပြန်ပေးမည်ဖြစ်သည်။ အောက်ပါအတိုင်း ရွေးချယ်ထားသော set ထဲရှိ element တစ်ခုစီ၏တန်ဖိုးကို သတ်မှတ်နိုင်ပါသည်။ parameter အဖြစ်
စာကြောင်း၊ array သို့မဟုတ် ဂဏန်းတစ်ခုကို ပေးပို့နိုင်ပါသည်။
$(selector).val(value);
Function တစ်ခုကို set ထဲရှိ element တစ်ခုစီအတွက် အသုံးချခြင်း။ Function သည် ပထမ parameter အဖြစ် set ထဲရှိ လက်ရှိအညွှန်းကိန်း၊ ဒုတိယ parameter အဖြစ် ၎င်း၏လက်ရှိတန်ဖိုးကို လက်ခံပါသည်။
$(selector).val(attribute name, function(index, current value));
ဥပမာ
အောက်ပါဥပမာတွင်၊ input ထဲသို့ ရိုက်ထည့်သော တန်ဖိုးများကို ရယူပြီး ၎င်းတို့ကို အောက်ရှိ အပိုဒ်တွင် ရိုက်ထုတ်ပြမည်ဖြစ်သည်။
<input type="text" value="text">
<p></p>
p {
color: green;
margin: 8px;
}
$('input').keyup(function() {
let value = $(this).val();
$('p').text(value);
}).keyup();
ဥပမာ
ယခုတစ်ကြိမ်တွင်မူ val method ကို အသုံးပြု၍
ကျွန်ုပ်တို့နှိပ်မည့် ခလုတ်များ၏တန်ဖိုးများကို
အောက်တွင်တည်ရှိသော input ထဲသို့ ရေးသွင်းမည်ဖြစ်သည်။
<div>
<button>one</button>
<button>two</button>
<button>three</button>
<button>four</button>
</div>
<input type="text" value="click buttons">
button {
margin: 4px;
cursor: pointer;
}
input {
margin: 4px;
color: green;
}
$('button').click(function() {
let text = $(this).text();
$('input').val(text);
});
