jQuery-da form value
Inputlarning value atributi bilan ishlash uchun
shuningdek val
metodidan foydalanish mumkin, bu yangi qiymatlarni
o'qish va yozish imkonini beradi.
Keling, bir misolni ko'rib chiqaylik. Faraz qilaylik, bizda quyidagi HTML kodi mavjud:
<input type="text" id="test" value="!!!">
Keling, 'www' yangi qiymatini
value atributiga yozamiz:
$('#test').val('www');
HTML kodi quyidagicha ko'rinadi:
<input type="text" id="test" value="www">
Endi keling, joriy qiymatni ekranda ko'rsatamiz:
alert($('#test').val());
Shuningdek, val metodi uchun
to'plamdagi har bir elementga funktsiyani qo'llash mumkin. Funktsiya
birinchi parametr sifatida to'plamdagi joriy raqamni,
ikkinchisi sifatida esa uning joriy qiymatini qabul qiladi.
Yana bir nuans mavjud -
textarea
tegi uchun ichki mazmunni
html metodi
orqali olish mumkin emas.
Buning uchun val metodidan foydalanish kerak.
Quyidagi HTML kodni ko'rib chiqaylik:
<textarea id="test">!!!</textarea>
Javascript kodida val metodini yozamiz:
alert($('#test').val()); // '!!!' chiqadi
Ehtimol, bu formlar bilan ishlashning bir xilligi uchun qilingan.
Barcha inputlarning value ni
'!' ga o'rnating.
number klassiga ega bo'lgan barcha inputlarning
value da sonlar mavjud. Ularda shu sonlarning
kvadratlari bo'lishini ta'minlang.
in klassiga ega bo'lgan inputning value sini
chiqaring.
Har bir inputning value sini
ketma-ketlikda chiqaring.
text klassiga ega bo'lgan textarea ning
mazmunini chiqaring.