Metodas val
Metodas val leidžia gauti ir pakeisti
elemento dabartinę reikšmę.
Sintaksė
Taip galime gauti pirmojo elemento rinkinyje dabartinę reikšmę:
$(selektorius).val();
Metodas val daugiausia naudojamas
formos elementų reikšmėms gauti, tokių kaip:
input,
select
ir textarea. Jei
jis iškviečiamas tuščiame rinkinyje, grąžins undefined.
Dirbant su select, kai nustatytas atributas
multiple, metodas grąžins kiekvieno pasirinkto
option reikšmių masyvą. Jei nė vienas iš jų nepasirinktas,
bus grąžintas tuščias masyvas. Taip galime nustatyti
kiekvieno elemento rinkinyje reikšmę. Kaip parametrą galima
perduoti eilutę, masyvą arba skaičių:
$(selektorius).val(reikšmė);
Funkcijos taikymas kiekvienam elementui rinkinyje. Funkcija kaip pirmą parametrą priima dabartinį numerį rinkinyje, o kaip antrą - jo dabartinę reikšmę:
$(selektorius).val(funkcija(numeris rinkinyje, dabartinė reikšmė));
Pavyzdys
Šiame pavyzdyje gaukime įvesties lauke įvedamas reikšmes ir išveskime jas žemiau į pastraipą:
<input type="text" value="tekstas">
<p></p>
p {
color: green;
margin: 8px;
}
$('input').keyup(function() {
let value = $(this).val();
$('p').text(value);
}).keyup();
Pavyzdys
O dabar naudodami metodą val
įrašysime mygtukų, kuriuos spausime,
reikšmes į žemiau esantį įvesties lauką:
<div>
<button>vienas</button>
<button>du</button>
<button>trys</button>
<button>keturi</button>
</div>
<input type="text" value="spauskite mygtukus">
button {
margin: 4px;
cursor: pointer;
}
input {
margin: 4px;
color: green;
}
$('button').click(function() {
let text = $(this).text();
$('input').val(text);
});
