value vorme in jQuery
Om met die value attribuut van invoervelde
te werk, kan jy ook die metode
val gebruik,
wat dit moontlik maak om waardes te lees en
nuwe waardes te skryf.
Kom ons kyk na 'n voorbeeld. Gestel ons het die volgende HTML-kode:
<input type="text" id="test" value="!!!">
Kom ons skryf 'n nuwe waarde 'www'
in die value attribuut:
$('#test').val('www');
Die HTML-kode sal nou so lyk:
<input type="text" id="test" value="www">
En kom ons toon nou die huidige waarde op die skerm:
alert($('#test').val());
Die metode val kan ook 'n funksie op
elke element in die stel toepas. Die funksie
neem die huidige indeks in die stel as die eerste parameter, en
die huidige waarde daarvan as die tweede.
Daar is nog 'n fynheid - vir die
textarea
etiket kan jy nie die interne inhoud via die
html metode kry nie.
Hiervoor moet jy die
val metode gebruik.
Beskou die volgende HTML-kode:
<textarea id="test">!!!</textarea>
In Javascript-kode skryf ons die val metode:
alert($('#test').val()); // sal '!!!' uitvoer
Dit is waarskynlik gedoen vir die eenvormigheid van die hantering van vorms.
Stel die value
van alle invoervelde na '!'.
In die value van alle invoervelde met die klas
number is getalle. Maak dit so dat
hulle die vierkante van hierdie getalle word.
Voer die value van die invoerveld met die klas in uit.
Voer agtereenvolgens die value
van elke invoerveld uit.
Voer die inhoud van die textarea met
die klas text uit.
