Valoarea formelor în jQuery

Pentru a lucra cu atributul value al inputurilor se poate folosi și metoda val, care permite citirea și scrierea noilor valori.

Să luăm un exemplu. Să presupunem că avem următorul cod HTML:

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

Să scriem o nouă valoare 'www' în atributul value:

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

Codul HTML va arăta astfel:

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

Și acum să afișăm valoarea curentă pe ecran:

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

De asemenea, pentru metoda val este disponibilă aplicarea unei funcții pentru fiecare element din set. Funcția primește ca prim parametru indexul curent în set, iar ca al doilea - valoarea sa curentă.

Mai există o nuanță - pentru tag-ul textarea nu se poate obține conținutul intern prin metoda html. Pentru aceasta trebuie utilizată metoda val.

Să luăm în considerare următorul cod HTML:

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

în codul Javascript scriem metoda val:

javascriptalert($('#test').val()); // va afișa '!!!'

Cel mai probabil acest lucru este făcut pentru uniformitatea lucrului cu formulare.

Задание 1

Setați value tuturor inputurilor la '!'.

Задание 2

În value tuturor inputurilor cu clasa number se află numere. Faceți astfel, încât în ele să se afle pătratele acestor numere.

Задание 3

Afișați value inputului cu clasa in.

Задание 4

Afișați succesiv value fiecărui input.

Задание 5

Afișați conținutul textarea cu clasa text.