Hodnota formulárov v jQuery

Pre prácu s atribútom value inputov je možné použiť aj metódu val, ktorá umožňuje čítať a zapisovať nové hodnoty.

Pozrime sa na príklad. Majme nasledujúci HTML kód:

<input type="text" id="test" value="!!!">

Zapíšme novú hodnotu 'www' do atribútu value:

$('#test').val('www');

HTML kód bude potom vyzerať takto:

<input type="text" id="test" value="www">

A teraz vypíšme aktuálnu hodnotu na obrazovku:

alert($('#test').val());

Pre metódu val je tiež dostupné použitie funkcie pre 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.

Existuje ešte jeden detail - pre tag textarea nie je možné získať vnútorný obsah cez metódu html. Na to je potrebné použiť metódu val.

Pozrime sa na nasledujúci HTML kód:

<textarea id="test">!!!</textarea>

v Javascript kóde použijeme metódu val:

alert($('#test').val()); // vypíše '!!!'

Pravdepodobne je to urobené pre jednotnosť práce s formulármi.

Nastavte value všetkých inputov na '!'.

V value všetkých inputov s triedou number sa nachádzajú čísla. Urobte tak, aby v nich boli druhé mocniny týchto čísel.

Vypíšte value inputu s triedou in.

Vypíšte postupne value každého inputu.

Vypíšte obsah textarea s triedou text.