Metod val
Metod val omogućava dobijanje i promenu
trenutne vrednosti elementa.
Sintaksa
Ovako možemo dobiti trenutnu vrednost prvog elementa u skupu:
$(selektor).val();
Metod val se uglavnom koristi za
dobijanje vrednosti elemenata forme, kao što su:
input,
select
i textarea. Ako
je pozvan na praznoj kolekciji, vratiće undefined.
Pri radu sa select sa postavljenim atributom
multiple, metod će vratiti niz vrednosti svakog
izabranog option. Ako nijedan nije izabran,
vratiće se prazan niz. Ovako možemo postaviti
vrednost svakog elementa u skupu. Kao parametar se može
proslijediti string, niz ili broj:
$(selektor).val(vrednost);
Primena funkcije na svaki element u skupu. Funkcija prihvata kao prvi parametar trenutni broj u skupu, a kao drugi - njegovu trenutnu vrednost:
$(selektor).val(ime atributa, function(broj u skupu, trenutna vrednost));
Primjer
U sledećem primjeru, hajde da dobijemo vrednosti koje se unose u input, i ispišemo ih ispod u paragraf:
<input type="text" value="text">
<p></p>
p {
color: green;
margin: 8px;
}
$('input').keyup(function() {
let value = $(this).val();
$('p').text(value);
}).keyup();
Primjer
A sada ćemo pomoću metoda val
upisivati vrednosti dugmadi, koja ćemo
kliknuti, u input koji se nalazi ispod:
<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);
});
