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:

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

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

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

Codul HTML va arăta astfel:

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

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

alert($('#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:

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

în codul Javascript scriem metoda val:

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

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

Setați value tuturor inputurilor la '!'.

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

Afișați value inputului cu clasa in.

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

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