Vormide value jQuery-s

Input elementide value atribuudiga töötamiseks saab kasutada ka meetodit val, mis võimaldab nii väärtuste lugemist kui ka uute väärtuste kirjutamist.

Vaatleme näidet. Olgu meil järgmine HTML kood:

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

Kirjutame nüüd uue väärtuse 'www' value atribuuti:

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

HTML kood näeb nüüd välja selline:

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

Ja nüüd kuvame praeguse väärtuse ekraanile:

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

Meetodi val puhul on saadaval ka funktsiooni rakendamine igale elemendile komplektis. Funktsioon võtab esimese parameetrina praeguse numbri komplektis ja teise parameetrina - selle praeguse väärtuse.

On veel üks nüanss - textarea sildi puhul ei saa sisu hankida läbi meetodi html. Selleks tuleb kasutada meetodit val.

Vaatleme järgmist HTML koodi:

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

Javascript koodis määrame meetodi val:

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

Tõenäoliselt on see tehtud vormielementidega töötamise ühtlustamiseks.

Määrake kõigi inputite value väärtuseks '!'.

Klassi number omavate inputite value väärtustes on numbrid. Tehke nii, et nendes oleks nende arvude ruudud.

Kuva klassi in omava inputi value väärtus.

Kuva järjestikku iga inputi value väärtus.

Kuva klassi text omava textarea sisu.