Comment définir la valeur d'une zone de texte (textarea) en jQuery ?

Une méthode jQuery permet de récupérer la valeur d'un élément dans un formulaire. Explication.

En HTML, l'ensemble des éléments d'un formulaire possède l'attribut value, qui stocke la valeur de l'élément. Il est possible de récupérer cette valeur avec la méthode jQuery attr(). Elle prend en paramètre le nom de l'attribut et retourne le contenu de l'attribut (à consulter également: Comment déclencher un clic sur un bouton en JavaScript au moment où la touche Entrée est pressée dans une zone de texte ?). Exemple avec un champ texte :

<input type="text" id="monChampTexte" value="Coucou"/>
<script>
var valeur = $("#monChampTexte").attr(value); //La variable valeur reçoit le texte Coucou.
</script>

Cette règle ne s'applique pas à la balise <textarea>. En effet, le texte tapé par l'internaute ne peut pas être contenu dans un attribut car les sauts de ligne casseraient la structure de la balise. Le texte est donc contenu entre les deux balises. Pour récupérer la valeur de la textarea, jQuery fournit la méthode val() qui peut retourner ou modifier la valeur de n'importe quelle balise d'un formulaire, que ce soit un champ texte, un bouton radio, une case à cocher ou une textarea. Exemple avec une aire de texte :

<textarea id="maTextarea">
Coucou
</textarea>
<script>
var valeur = $("#maTexarea").val(); //La variable valeur reçoit le texte Coucou.
</script>

JQuery

Annonces Google