Metod val
Metod val elementning joriy qiymatini olish va
o'zgartirish imkoniyatini beradi.
Sintaksis
To'plamdagi birinchi elementning joriy qiymatini shunday olishimiz mumkin:
$(selektor).val();
val metodi asosan form elementlarining qiymatlarini
olish uchun ishlatiladi, masalan:
input,
select
va textarea. Agar
u bo'sh to'plamda chaqirilsa, undefined qaytaradi.
multiple atributi o'rnatilgan select bilan ishlaganda,
metod har bir tanlangan optionning qiymatlari massivini qaytaradi. Agar
hech biri tanlanmagan bo'lsa,
bo'sh massiv qaytariladi. To'plamdagi har bir elementning
qiymatini shunday o'rnatishimiz mumkin. Parametr sifatida
satr, massiv yoki raqam uzatish mumkin:
$(selektor).val(qiymat);
Funksiyani to'plamdagi har bir elementga qo'llash. Funksiya birinchi parametr sifatida to'plamdagi joriy indeksni, ikkinchisi sifatida esa uning joriy qiymatini qabul qiladi:
$(selektor).val(atribut nomi, function(indeks, joriy qiymat));
Misol
Quyidagi misolda kiritilgan input qiymatlarini olib, ularni pastdagi abzatsga chiqaramiz:
<input type="text" value="text">
<p></p>
p {
color: green;
margin: 8px;
}
$('input').keyup(function() {
let value = $(this).val();
$('p').text(value);
}).keyup();
Misol
Endi esa val metodi yordamida biz
bosadigan tugmalarning qiymatlarini
pastdagi inputga yozamiz:
<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);
});
