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:

javascript$(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:

javascript$(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:

javascript$(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:

html<input type="text" value="text">
<p></p>

cssp {
  color: green;
  margin: 8px;
}

javascript$('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:

html<div>
  <button>one</button>
  <button>two</button>
  <button>three</button>
  <button>four</button>
</div>
<input type="text" value="click buttons">

cssbutton {
  margin: 4px;
  cursor: pointer;
}

input {
  margin: 4px;
  color: green;
}

javascript$('button').click(function() {
  let text = $(this).text();
  $('input').val(text);
});

Həmçinin bax