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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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