Metoda val

Metoda val omogoča pridobivanje in spreminjanje trenutne vrednosti elementa.

Sintaksa

Tako lahko pridobimo trenutno vrednost prvega elementa v nizu:

javascript$(selektor).val();

Metoda val se večinoma uporablja za pridobivanje vrednosti elementov obrazca, kot so: input, select in textarea. Če je klican na prazni zbirki, vrne undefined. Pri delu z select z nastavljenim atributom multiple, metoda vrne matriko vrednosti vsakega izbranega option. Če ni izbran noben, se vrne prazna matrika. Tako lahko nastavimo vrednost vsakega elementa v nizu. Kot parameter lahko podamo niz, matriko ali število:

javascript$(selektor).val(vrednost);

Uporaba funkcije za vsak element v nizu. Funkcija sprejme kot prvi parameter trenutno številko v nizu, kot drugi parameter pa njegovo trenutno vrednost:

javascript$(selektor).val(ime atributa, function(številka v nizu, trenutna vrednost));

Primer

V naslednjem primeru pridobimo vrednosti, vnesene v vnosno polje, in jih izpišemo spodaj v odstavek:

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();

Primer

Zdaj pa bomo s pomočjo metode val zapisovali vrednosti gumbov, ki jih bomo pritisnili, v spodaj nameščeno vnosno polje:

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);
});

Glejte tudi