value на форми в jQuery

За работа с атрибута value на input полета може да се използва и методът val, който позволява четене и записване на нови стойности.

Нека разгледаме пример. Нека имаме следния HTML код:

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

Нека запишем нова стойност 'www' в атрибута value:

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

HTML кодът ще изглежда така:

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

А сега нека изведем текущата стойност на екрана:

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

За метода val също е достъпно прилагане на функция към всеки елемент в набора. Функцията приема като първи параметър текущия номер в набора, а като втори - неговата текуща стойност.

Има още един нюанс - за тага textarea не може да се получи вътрешното съдържание чрез метода html. За това трябва да се използва методът val.

Нека разгледаме следния HTML код:

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

В Javascript кода пишем метода val:

alert($('#test').val()); // ще изведе '!!!'

Най-вероятно това е направено за еднотипност на работата с форми.

Задайте value на всички input полета да бъде '!'.

В value на всички input полета с клас number има числа. Направете така, че в тях да се запишат квадратите на тези числа.

Изведете value на input полето с клас in.

Изведете последователно value на всяко input поле.

Изведете съдържанието на textarea с клас text.