Metoda val
Metoda val permite obținerea și modificarea
valorii curente a unui element.
Sintaxă
Putem obține valoarea curentă a primului element din set astfel:
$(selector).val();
Metoda val este utilizată în principal pentru a
obține valorile elementelor de formular, cum ar fi:
input,
select
și textarea. Dacă
este apelată pe o colecție goală, va returna undefined.
La lucrul cu select cu atributul
multiple setat, metoda va returna un array cu valorile fiecărui
option selectat. Dacă niciunul nu este selectat,
va fi returnat un array gol. Putem seta
valoarea fiecărui element din set astfel. Ca parametru se poate
transmite un șir de caractere, un array sau un număr:
$(selector).val(valoare);
Aplicarea unei funcții pentru fiecare element din set. Funcția primește ca prim parametru indexul curent în set, iar ca al doilea - valoarea sa curentă:
$(selector).val(nume atribut, function(index în set, valoare curentă));
Exemplu
În următorul exemplu, să obținem valorile introduse în input și să le afișăm mai jos într-un paragraf:
<input type="text" value="text">
<p></p>
p {
color: green;
margin: 8px;
}
$('input').keyup(function() {
let value = $(this).val();
$('p').text(value);
}).keyup();
Exemplu
Iar acum cu ajutorul metodei val vom
scrie valorile butoanelor pe care le vom
apăsa, în inputul situat mai jos:
<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);
});
