ű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:

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

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

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

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

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

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

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

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

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

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

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