jQuery ရှိ form တန်ဖိုးများ

Input များ၏ value attribute ဖြင့် အလုပ်လုပ်ရန်အတွက် အသစ်သတ်မှတ်ထားသောတန်ဖိုးများကိုဖတ်ရန်နှင့်ရေးသားရန် ခွင့်ပြုပေးသည့် val method ကိုလည်းအသုံးပြုနိုင်ပါသည်။

ဥပမာတစ်ခုကိုကြည့်ကြပါစို့။ ကျွန်ုပ်တို့တွင် အောက်ပါ HTML code ရှိသည်ဆိုပါစို့:

<input type="text" id="test" value="!!!">

ယခု value attribute ထဲသို့ 'www' ဟူသော တန်ဖိုးအသစ်ကို ရေးသားကြပါစို့:

$('#test').val('www');

HTML code သည် အောက်ပါအတိုင်းဖြစ်သွားပါမည်:

<input type="text" id="test" value="www">

ယခု လက်ရှိတန်ဖိုးကို စကရင်ပေါ်တွင်ထုတ်ပြကြပါစို့:

alert($('#test').val());

val method အတွက် set အတွင်းရှိ element တစ်ခုချင်းစီအတွက် function အသုံးပြုခြင်းလည်းရရှိနိုင်ပါသည်။ Function သည် ပထမ parameter အဖြစ် set အတွင်းရှိလက်ရှိအကြိမ်နံပါတ်ကိုလက်ခံပြီး၊ ဒုတိယ parameter အဖြစ် ၎င်း၏လက်ရှိတန်ဖိုးကိုလက်ခံပါသည်။

နောက်ထပ်အသေးစိတ်တစ်ခုရှိပါသည် - textarea tag အတွက် html method ဖြင့် အတွင်းအကြောင်းအရာကိုရယူ၍မရနိုင်ပါ။ ၎င်းအတွက် val method ကိုအသုံးပြုရပါမည်။

အောက်ပါ HTML code ကိုကြည့်ကြပါစို့:

<textarea id="test">!!!</textarea>

Javascript code ထဲတွင် val method ကိုရေးသားပါမည်:

alert($('#test').val()); // ထုတ်ပြမည် '!!!'

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

input အားလုံး၏ value ကို '!' အဖြစ်သတ်မှတ်ပါ။

number class ရှိ input အားလုံး၏ value ထဲတွင် နံပါတ်များရှိပါသည်။ ၎င်းနံပါတ်များ၏စတုရန်းကိန်းများဖြစ်လာစေရန် ပြုလုပ်ပါ။

in class ရှိ input ၏ value ကိုထုတ်ပြပါ။

input တစ်ခုစီ၏ value ကိုအစဉ်အတိုင်းထုတ်ပြပါ။

text class ရှိ textarea ၏ အတွင်းအကြောင်းအရာကိုထုတ်ပြပါ။