Metóda val

Metóda val umožňuje získavať a meniť aktuálnu hodnotu prvku.

Syntax

Takto môžeme získať aktuálnu hodnotu prvého prvku v množine:

javascript$(selektor).val();

Metóda val sa používa hlavne na získavanie hodnôt prvkov formulára, ako sú: input, select a textarea. Ak je volaná na prázdnej kolekcii, vráti undefined. Pri práci s select so zapnutým atribútom multiple, metóda vráti pole hodnôt každého vybraného option. Ak žiadny nie je vybraný, vráti sa prázdne pole. Takto môžeme nastaviť hodnotu každého prvku v množine. Ako parameter môžeme odovzdať reťazec, pole alebo číslo:

javascript$(selektor).val(hodnota);

Aplikácia funkcie na každý prvok v množine. Funkcia prijíma ako prvý parameter aktuálne poradové číslo v množine, a ako druhý - jeho aktuálnu hodnotu:

javascript$(selektor).val(názov atribútu, function(poradové číslo v množine, aktuálna hodnota));

Príklad

V nasledujúcom príklade získajme hodnoty zadané do inputu a vypíšme ich nižšie do odseku:

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();

Príklad

A teraz pomocou metódy val budeme zapisovať hodnoty tlačidiel, ktoré budeme stláčať, do inputu umiestneného nižšie:

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);
});

Pozrite si aj