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:

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

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

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

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

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

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

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

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

i Javascript-koden använder vi metoden val:

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

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