Val metodu
val metodu elementin cari dəyərini əldə etməyə və
dəyişməyə imkan verir.
Sintaksis
Birinci elementin cari dəyərini belə əldə edə bilərik:
$(selektor).val();
val metodu əsasən form elementlərinin dəyərlərini əldə etmək
üçün istifadə olunur, məsələn:
input,
select
və textarea. Əgər
o, boş kolleksiyada çağırılıbsa, undefined qaytaracaq.
multiple atributu təyin edilmiş select ilə işləyərkən,
metod hər seçilmiş option-un dəyərlərinin massivini qaytaracaq.
Əgər onlardan heç biri seçilməyibsə, boş massiv qaytarılacaq.
Biz dəstədəki hər bir elementin dəyərini belə təyin edə bilərik.
Parametr kimi sətir, massiv və ya rəqəm ötürülə bilər:
$(selektor).val(dəyər);
Funksiyanın dəstdəki hər bir elementə tətbiq edilməsi. Funksiya birinci parametr kimi dəstdəki cari nömrəni, ikinci parametr kimi isə onun cari dəyərini qəbul edir:
$(selektor).val(atributun adı, function(nömrə dəstdə, cari dəyər));
Nümunə
Aşağıdakı nümunədə gəlin inputa daxil edilən dəyərləri əldə edək və onları aşağıda abzasda çıxaraq:
<input type="text" value="text">
<p></p>
p {
color: green;
margin: 8px;
}
$('input').keyup(function() {
let value = $(this).val();
$('p').text(value);
}).keyup();
Nümunə
İndi isə val metodu ilə basdığımız
düymələrin dəyərlərini aşağıda yerləşən inputa yazaq:
<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);
});
