Метод val
Метод val омогућава добијање и мењање
тренутне вредности елемента.
Синтакса
Овако можемо добити тренутну вредност првог елемента у сету:
$(селектор).val();
Метод val се углавном користи за
добијање вредности елемената форме, као што су:
input,
select
и textarea. Ако
се позове на празан колекцију, вратиће undefined.
При раду са select који има постављен атрибут
multiple, метод ће вратити низ вредности сваког
изабраног option. Ако ниједан није изабран,
вратиће се празан низ. Овако можемо поставити
вредност сваког елемента у сету. Као параметар можемо
проследити стринг, низ или број:
$(селектор).val(вредност);
Примена функције на сваки елемент у сету. Функција узима као први параметар тренутни број у сету, а као други - његову тренутну вредност:
$(селектор).val(име атрибута, function(број у сету, тренутна вредност));
Пример
У следећем примеру, хајде да добијемо вредности унесене у инпут, и испишемо их испод у параграф:
<input type="text" value="text">
<p></p>
p {
color: green;
margin: 8px;
}
$('input').keyup(function() {
let value = $(this).val();
$('p').text(value);
}).keyup();
Пример
А сада ћемо помоћу метода val
уписивати вредности дугмади која притискамо
у инпут испод:
<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);
});
