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