value van formulieren in jQuery

Voor het werken met het value attribuut van inputs kan je ook de methode val gebruiken, die het mogelijk maakt om waarden uit te lezen en nieuwe waarden in te stellen.

Laten we een voorbeeld bekijken. Stel we hebben de volgende HTML code:

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

Laten we een nieuwe waarde 'www' in het value attribuut zetten:

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

De HTML code ziet er dan zo uit:

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

En laten we nu de huidige waarde op het scherm tonen:

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

Voor de methode val is het ook mogelijk om een functie toe te passen op elk element in de set. De functie neemt als eerste parameter de huidige index in de set, en als tweede - de huidige waarde.

Er is nog een nuance - voor de tag textarea kan de interne inhoud niet worden verkregen via de methode html. Hiervoor moet je de methode val gebruiken.

Laten we de volgende HTML code bekijken:

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

In de Javascript code gebruiken we de methode val:

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

Waarschijnlijk is dit gedaan voor de uniformiteit van het werken met formulieren.

Stel het value van alle inputs in op '!'.

In het value van alle inputs met de klasse number staan getallen. Zorg ervoor dat hier de kwadraten van deze getallen komen te staan.

Toon het value van de input met klasse in.

Toon achtereenvolgens het value van elke input.

Toon de inhoud van de textarea met klasse text.