Методот 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);
});
