Metoda val
Metoda val omogoča pridobivanje in spreminjanje
trenutne vrednosti elementa.
Sintaksa
Tako lahko pridobimo trenutno vrednost prvega elementa v nizu:
$(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:
$(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:
$(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:
<input type="text" value="text">
<p></p>
p {
color: green;
margin: 8px;
}
$('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:
<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);
});
