Hodnota formulářů v jQuery

Pro práci s atributem value inputů lze také použít metodu val, která umožňuje číst a zapisovat nové hodnoty.

Podívejme se na příklad. Předpokládejme, že máme následující HTML kód:

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

Nyní zapišme novou hodnotu 'www' do atributu value:

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

HTML kód bude poté vypadat takto:

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

A nyní vypišme aktuální hodnotu na obrazovku:

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

Pro metodu val je také k dispozici aplikace funkce na každý prvek v sadě. Funkce přijímá jako první parametr aktuální index v sadě a jako druhý - jeho aktuální hodnotu.

Existuje ještě jeden nuance - pro tag textarea nelze získat vnitřní obsah pomocí metody html. K tomu je třeba používat metodu val.

Podívejme se na následující HTML kód:

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

v Javascriptovém kódu použijeme metodu val:

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

Pravděpodobně je to uděláno pro jednotnost práce s formuláři.

Nastavte value všech inputů na '!'.

V value všech inputů s třídou number jsou čísla. Udělejte to, aby v nich byly druhé mocniny těchto čísel.

Vypište value inputu s třídou in.

Vypište postupně value každého inputu.

Vypište obsah textarea s třídou text.