Метад val

Метад val дазваляе атрымліваць і змяняць бягучае значэнне элемента.

Сінтаксіс

Так мы можам атрымаць бягучае значэнне першага элемента ў наборы:

javascript$(селектар).val();

Метад val у асноўным выкарыстоўваецца, каб атрымліваць значэнні элементаў формы, такіх як: input, select і textarea. Калі ён выкліканы на пустой калекцыі, то верне undefined. Пры рабоце з select з устаноўкай атрыбута multiple, метад верне масіў значэнняў кожнага абранага option. Калі ні адзін з іх не абраны, то вернецца пусты масіў. Так мы можам устанавіць значэнне кожнага элемента ў наборы. У якасці параметра можна перадаваць радок, масіў або лік:

javascript$(селектар).val(значэнне);

Ужыванне функцыі да кожнага элемента ў наборы. Функцыя прымае першым параметрам бягучы нумар у наборы, а другім - яго бягучае значэнне:

javascript$(селектар).val(імя атрыбута, function(нумар у наборы, бягучае значэнне));

Прыклад

У наступным прыкладзе давайце атрымаем значэнні, якія ўводзяцца ў інпут, і вывядзем іх ніжэй у абзац:

html<input type="text" value="text">
<p></p>

cssp {
  color: green;
  margin: 8px;
}

javascript$('input').keyup(function() {
  let value = $(this).val();
  $('p').text(value);
}).keyup();

Прыклад

А цяпер з дапамогай метаду val мы будзем запісваць значэнні кнопак, якія мы будзем націскаць, у размешчаны ніжэй інпут:

html<div>
  <button>one</button>
  <button>two</button>
  <button>three</button>
  <button>four</button>
</div>
<input type="text" value="click buttons">

cssbutton {
  margin: 4px;
  cursor: pointer;
}

input {
  margin: 4px;
  color: green;
}

javascript$('button').click(function() {
  let text = $(this).text();
  $('input').val(text);
});

Глядзіце таксама