űrlapok value értéke jQuery-ben

A beviteli mezők value attribútumával való munkához használhatjuk a val metódust is, amely lehetővé teszi az értékek kiolvasását és új értékek beállítását.

Nézzünk egy példát. Tegyük fel, hogy a következő HTML kódunk van:

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

Állítsunk be egy új 'www' értéket a value attribútumba:

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

A HTML kód így fog kinézni:

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

Most pedig jelenítsük meg a jelenlegi értéket a képernyőn:

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

A val metódusnál használható az is, hogy függvényt alkalmazunk a halmaz minden elemére. A függvény első paramétere a halmazbeli aktuális index, második paramétere pedig az elem aktuális értéke.

Van még egy árnyalat - a textarea címkének a belső tartalma nem kérhető le a html metódussal. Ehhez a val metódust kell használni.

Tekintsük a következő HTML kódot:

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

A Javascript kódban a val metódust írjuk elő:

alert($('#test').val()); // kiírja '!!!'-t

Valószínűleg azért van ez így, hogy az űrlapelemekkel való munka egységes legyen.

Állítsa be az összes beviteli mező value értékét '!'-ra.

A number osztállyal rendelkező összes beviteli mező value értékében számok találhatók. Tegye meg, hogy ezekben a számok négyzetei legyenek.

Jelenítse meg a in osztályú beviteli mező value értékét.

Jelenítse meg sorban az egyes beviteli mezők value értékét.

Jelenítse meg a text osztályú textarea tartalmát.