val () vs text () pour textarea

J'utilise jQuery et je me demande si je devrais utiliser val () ou text () (ou une autre méthode) pour lire et mettre à jour le contenu d'un textarea.

J'ai essayé les deux et j'ai eu des problèmes avec les deux. Lorsque j'utilise text () pour mettre à jour textarea, les sauts de ligne (\ n) ne fonctionnent pas. Lorsque j'utilise val () pour récupérer le contenu textarea, le texte est tronqué s'il est trop long.

La meilleure façon de définir / obtenir la valeur d'une zone de texte est la .val(), .valueméthode.

.text()utilise en interne la méthode .textContent(ou .innerTextpour IE) pour obtenir le contenu d'un fichier <textarea>. Les cas de test suivants illustrent comment text()et se .val()relient les uns aux autres:

var t = '<textarea>';
console.log($(t).text('test').val());             // Prints test
console.log($(t).val('too').text('test').val());  // Prints too
console.log($(t).val('too').text());              // Prints nothing
console.log($(t).text('test').val('too').val());  // Prints too

console.log($(t).text('test').val('too').text()); // Prints test

La value propriété , utilisée par .val()affiche toujours la valeur visible actuelle, alors que text()la valeur de retour de peut être erronée.

.val()fonctionne toujours avec des textareaéléments.

.text()fonctionne parfois et échoue d'autres fois! Ce n'est pas fiable (testé dans Chrome 33)

Le mieux, c'est que cela .val()fonctionne de manière transparente avec d'autres éléments de formulaire (comme input), alors qu'il .text()échoue.