Вредност на форми во jQuery

За работа со атрибутот value на инпути исто така може да се користи методот val, кој овозможува читање и запишување на нови вредности.

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

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

Ајде да запишеме нова вредност 'www' во атрибутот value:

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

HTML кодот ќе изгледа вака:

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

А сега ајде да ја прикажеме тековната вредност на екранот:

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

Исто така за методот val е достапно примена на функција на секој елемент во множеството. Функцијата ги прима како прв параметар тековниот индекс во множеството, а како втор - неговата тековна вредност.

Постои уште еден нијанс - за тегот textarea не може да се добие внатрешната содржина преку методот html. За ова треба да се користи методот val.

Да разгледаме следниот HTML код:

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

во Javascript кодот го пишуваме методот val:

javascriptalert($('#test').val()); // ќе испринта '!!!'

Најверојатно ова е направено за униформност во работата со форми.

Задание 1

Поставете го value на сите инпути на '!'.

Задание 2

Во value на сите инпути со класа number се наоѓаат броеви. Направете го ова, така што во нив ќе станат квадрати од овие броеви.

Задание 3

Испринтајте го value на инпутот со класа in.

Задание 4

Испринтајте последователно value на секој инпут.

Задание 5

Испринтајте ја содржината на textarea со класа text.