Meetod val
Meetod val võimaldab hankida ja muuta
elemendi praegust väärtust.
Süntaks
Nii saame hankida valitud esimese elemendi praeguse väärtuse:
$(selector).val();
Meetodit val kasutatakse peamiselt vormi elementide
väärtuste hankimiseks, nagu:
input,
select
ja textarea. Kui
meetodit kutsutakse välja tühja kollektsiooni peal, tagastab see undefined.
Töötades select-elemendiga, kus on seatud
multiple atribuut, tagastab meetod iga
valitud option väärtuste massiivi. Kui ükski neist pole valitud,
tagastatakse tühi massiiv. Nii saame määrata
iga elemendi väärtuse valikus. Parameetrina saab
edastada stringi, massiivi või numbri:
$(selector).val(väärtus);
Funktsiooni rakendamine igale elemendile valikus. Funktsioon võtab esimese parameetrina praeguse indeksi valikus ja teise parameetrina selle praeguse väärtuse:
$(selector).val(funktsioon(indeks, praeguneVäärtus));
Näide
Järgmises näites hankigem sisendväljale sisestatud väärtused ja kuvame need allpool olevas lõigus:
<input type="text" value="text">
<p></p>
p {
color: green;
margin: 8px;
}
$('input').keyup(function() {
let value = $(this).val();
$('p').text(value);
}).keyup();
Näide
Nüüd kirjutame meetodi val abil
nuppude väärtused, mida vajutame,
allolevasse sisendvälja:
<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);
});
