Vrednost obrazcev v jQuery

Za delo z atributom value vnosnih polj lahko uporabimo tudi metodo val, ki omogoča branje in zapisovanje novih vrednosti.

Oglejmo si primer. Naj imamo naslednjo HTML kodo:

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

Zapišimo novo vrednost 'www' v atribut value:

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

HTML koda bo sedaj videti takole:

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

In sedaj izpišimo trenutno vrednost na zaslon:

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

Za metodo val je na voljo tudi uporaba funkcije za vsak element v nizu. Funkcija sprejme kot prvi parameter trenutno številko v nizu, kot drugi parameter pa njegovo trenutno vrednost.

Obstaja še ena posebnost - za oznako textarea ne moremo dobiti notranje vsebine prek metode html. Za to moramo uporabiti metodo val.

Oglejmo si naslednjo HTML kodo:

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

v Javascript kodi uporabimo metodo val:

alert($('#test').val()); // izpiše '!!!'

Verjetno je to narejeno zaradi enotnosti dela z obrazci.

Nastavite value vseh vnosnih polj na '!'.

V value vseh vnosnih polj z razredom number so števila. Spremenite jih tako, da bodo vsebovala kvadrate teh števil.

Izpišite value vnosnega polja z razredom in.

Izpišite zaporedno value vsakega vnosnega polja.

Izpišite vsebino textarea z razredom text.