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 :

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

Écrivons une nouvelle valeur 'www' dans l'attribut value :

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

Le code HTML deviendra alors :

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

Et maintenant, affichons la valeur actuelle à l'écran :

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

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

Dans le code Javascript, nous utilisons la méthode val :

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

Ceci est probablement fait pour uniformiser le travail avec les formulaires.