value i formulär i jQuery

För att arbeta med value-attributet för input-fält kan man också använda metoden val, som låter dig läsa av och skriva nya värden.

Låt oss titta på ett exempel. Antag att vi har följande HTML-kod:

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

Låt oss skriva ett nytt värde 'www' till attributet value:

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

HTML-koden kommer nu att se ut så här:

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

Och låt oss nu skriva ut det aktuella värdet till skärmen:

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

Metoden val kan också användas med en funktion som appliceras på varje element i urvalet. Funktionen tar det aktuella indexet i urvalet som första parameter, och dets nuvarande värde som andra parameter.

Det finns ytterligare en nyans - för taggen textarea kan man inte få innehållet via metoden html. För detta måste man använda metoden val.

Betrakta följande HTML-kod:

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

i Javascript-koden använder vi metoden val:

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

Förmodligen är detta gjort för att göra arbetet med formulär enhetligt.

Sätt value för alla input-fält till '!'.

I value för alla input-fält med klassen number finns det nummer. Gör så att det blir kvadraten på dessa nummer i dem.

Skriv ut value för input-fältet med klassen in.

Skriv ut value för varje input-fält i tur och ordning.

Skriv ut innehållet i textarea med klassen text.