Metóda val
Metóda val umožňuje získavať a meniť
aktuálnu hodnotu prvku.
Syntax
Takto môžeme získať aktuálnu hodnotu prvého prvku v množine:
$(selektor).val();
Metóda val sa používa hlavne na
získavanie hodnôt prvkov formulára, ako sú:
input,
select
a textarea. Ak
je volaná na prázdnej kolekcii, vráti undefined.
Pri práci s select so zapnutým atribútom
multiple, metóda vráti pole hodnôt každého
vybraného option. Ak žiadny nie je vybraný,
vráti sa prázdne pole. Takto môžeme nastaviť
hodnotu každého prvku v množine. Ako parameter môžeme
odovzdať reťazec, pole alebo číslo:
$(selektor).val(hodnota);
Aplikácia funkcie na každý prvok v množine. Funkcia prijíma ako prvý parameter aktuálne poradové číslo v množine, a ako druhý - jeho aktuálnu hodnotu:
$(selektor).val(názov atribútu, function(poradové číslo v množine, aktuálna hodnota));
Príklad
V nasledujúcom príklade získajme hodnoty zadané do inputu a vypíšme ich nižšie do odseku:
<input type="text" value="text">
<p></p>
p {
color: green;
margin: 8px;
}
$('input').keyup(function() {
let value = $(this).val();
$('p').text(value);
}).keyup();
Príklad
A teraz pomocou metódy val budeme
zapisovať hodnoty tlačidiel, ktoré budeme
stláčať, do inputu umiestneného nižšie:
<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);
});
