value des formulaires en jQuery
Pour travailler avec l'attribut value des inputs,
on peut également utiliser la méthode
val,
qui permet de lire et d'écrire de
nouvelles valeurs.
Prenons un exemple. Supposons que nous ayons le code HTML suivant :
<input type="text" id="test" value="!!!">
Écrivons une nouvelle valeur 'www'
dans l'attribut value :
$('#test').val('www');
Le code HTML deviendra alors :
<input type="text" id="test" value="www">
Et maintenant, affichons la valeur actuelle à l'écran :
alert($('#test').val());
La méthode val permet également d'appliquer une
fonction à chaque élément de la sélection. La fonction
prend comme premier paramètre l'index courant dans la sélection, et
comme second - sa valeur actuelle.
Il y a encore une nuance - pour la balise
textarea,
on ne peut pas obtenir le contenu interne via la méthode
html.
Pour cela, il faut utiliser la
méthode val.
Considérons le code HTML suivant :
<textarea id="test">!!!</textarea>
Dans le code Javascript, nous utilisons la méthode val :
alert($('#test').val()); // affichera '!!!'
Ceci est probablement fait pour uniformiser le travail avec les formulaires.
Définissez le value
de tous les inputs à '!'.
Dans le value de tous les inputs de la classe
number se trouvent des nombres. Faites en sorte
qu'ils contiennent les carrés de ces nombres.
Affichez le value de l'input de la classe in.
Affichez successivement le value
de chaque input.
Affichez le contenu de la textarea de
classe text.
