value i skjemaer i jQuery
For å jobbe med value-attributtet til input-felter
kan man også bruke metoden
val,
som lar oss lese og skrive
nye verdier.
La oss se på et eksempel. Anta at vi har følgende HTML-kode:
<input type="text" id="test" value="!!!">
La oss skrive en ny verdi 'www'
til value-attributtet:
$('#test').val('www');
HTML-koden vil da se slik ut:
<input type="text" id="test" value="www">
Og la oss nå skrive ut den nåværende verdien til skjermen:
alert($('#test').val());
For metoden val er det også mulig å bruke
en funksjon på hvert element i samlingen. Funksjonen
tar første parameter som gjeldende indeks i samlingen, og
andre parameter som dens nåværende verdi.
Det er en annen nuance - for
textarea-taggen
kan man ikke hente det interne innholdet via metoden
html.
For dette må man bruke
metoden val.
La oss se på følgende HTML-kode:
<textarea id="test">!!!</textarea>
i Javascript-koden bruker vi metoden val:
alert($('#test').val()); // vil skrive ut '!!!'
Dette er sannsynligvis gjort for å standardisere arbeidet med skjemaer.
Sett value
for alle input-felter til '!'.
I value for alle input-felter med klassen
number finnes det tall. Gjør slik
at de blir kvadratene av disse tallene.
Skriv ut value for input-feltet med klassen in.
Skriv ut sekvensielt value
for hvert input-felt.
Skriv ut innholdet i textarea med
klassen text.
