value former i jQuery

Til arbejde med value-attributten for input-felter kan man også bruge metoden val, som giver mulighed for at læse og skrive nye værdier.

Lad os se på et eksempel. Antag at vi har følgende HTML-kode:

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

Lad os skrive en ny værdi 'www' til value-attributten:

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

HTML-koden vil nu se sådan ud:

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

Og lad os nu vise den nuværende værdi på skærmen:

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

For metoden val er det også muligt at anvende en funktion på hvert element i sættet. Funktionen tager det nuværende indeks i sættet som første parameter, og dens nuværende værdi som den anden.

Der er en nuance mere - for textarea-tagget kan man ikke få det indre indhold via metoden html. Til dette skal man bruge metoden val.

Lad os se på følgende HTML-kode:

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

i Javascript-koden skriver vi metoden val:

alert($('#test').val()); // vil vise '!!!'

Sandsynligvis er dette gjort for ensartethed i arbejdet med formularer.

Indstil value for alle input-felter til '!'.

I value for alle input-felter med klassen number findes der tal. Gør så, at de bliver til kvadratet på disse tal.

Vis value for input-feltet med klassen in.

Vis sekventielt value for hvert input-felt.

Vis indholdet af textarea med klassen text.