Vrednost formi u jQuery

Za rad sa atributom value input polja takođe se može koristiti metod val, koji omogućava očitavanje i upisivanje novih vrednosti.

Pogledajmo primer. Pretpostavimo da imamo sledeći HTML kod:

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

Hajde da upišemo novu vrednost 'www' u atribut value:

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

HTML kod će sada izgledati ovako:

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

A sada hajde da prikažemo trenutnu vrednost na ekranu:

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

Takođe, za metod val je dostupna primena funkcije na svaki element u skupu. Funkcija prihvata kao prvi parametar trenutni indeks u skupu, a kao drugi - njegovu trenutnu vrednost.

Postoji još jedan detalj - za tag textarea ne može se dobiti unutrašnji sadržaj preko metoda html. Za to je potrebno koristiti metod val.

Razmotrimo sledeći HTML kod:

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

u Javascript kodu napišemo metod val:

javascriptalert($('#test').val()); // ispisaće '!!!'

Verovatno je ovo urađeno radi jedinstvenosti rada sa formama.

Задание 1

Postavite value svih input polja na '!'.

Задание 2

U value svih input polja sa klasom number se nalaze brojevi. Učinite tako da u njima budu kvadrati tih brojeva.

Задание 3

Ispišite value input polja sa klasom in.

Задание 4

Ispišite redom value svakog input polja.

Задание 5

Ispišite sadržaj textarea sa klasom text.