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:

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

Kom ons skryf 'n nuwe waarde 'www' in die value attribuut:

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

Die HTML-kode sal nou so lyk:

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

En kom ons toon nou die huidige waarde op die skerm:

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

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

In Javascript-kode skryf ons die val metode:

javascriptalert($('#test').val()); // sal '!!!' uitvoer

Dit is waarskynlik gedoen vir die eenvormigheid van die hantering van vorms.