Metode val
Metode val ļauj iegūt un mainīt
elementa pašreizējo vērtību.
Sintakse
Šādi mēs varam iegūt pašreizējo vērtību pirmajam elementam komplektā:
$(selektors).val();
Metodi val galvenokārt izmanto, lai
iegūtu formas elementu vērtības, piemēram:
input,
select
un textarea. Ja
tā tiek izsaukta uz tukšas kolekcijas, tā atgriezīs undefined.
Strādājot ar select, kuram ir iestatīts atribūts
multiple, metode atgriezīs katras atlasītās
option vērtību masīvu. Ja neviens no tiem nav atlasīts,
tiks atgriezts tukšs masīvs. Šādi mēs varam iestatīt
katra elementa vērtību komplektā. Kā parametru var
padot virkni, masīvu vai skaitli:
$(selektors).val(vērtība);
Funkcijas piemērošana katram elementam komplektā. Funkcija pieņem kā pirmo parametru pašreizējo numuru komplektā, un kā otro - tā pašreizējo vērtību:
$(selektors).val(funkcija(numurs komplektā, pašreizējā vērtība));
Piemērs
Nākamajā piemērā iegūsim vērtības, kas ievadītas input laukā, un izvadīsim tos zemāk rindkopā:
<input type="text" value="text">
<p></p>
p {
color: green;
margin: 8px;
}
$('input').keyup(function() {
let value = $(this).val();
$('p').text(value);
}).keyup();
Piemērs
Un tagad ar metodes val palīdzību mēs
ierakstīsim to pogu vērtības, kuras mēs
nospiedīsim, zemāk esošajā input laukā:
<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);
});
