val () vs. text () für textarea

Ich verwende jQuery und frage mich, ob ich val () oder text () (oder eine andere Methode) verwenden soll, um den Inhalt eines Textbereichs zu lesen und zu aktualisieren.

Ich habe beide ausprobiert und hatte Probleme mit beiden. Wenn ich text () zum Aktualisieren des Textbereichs verwende, funktionieren Zeilenumbrüche (\ n) nicht. Wenn ich val () verwende, um den Textbereichinhalt abzurufen, wird der Text abgeschnitten, wenn er zu lang ist.

Der beste Weg , um set / get der Wert einer Textbox die .val(), .valueMethode.

.text()Verwendet intern die Methode .textContent(oder .innerTextfür IE), um den Inhalt von a abzurufen <textarea>. Die folgenden Testfälle veranschaulichen, wie text()und in .val()Beziehung zueinander stehen:

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

Die value Eigenschaft , die von verwendet wird, .val()zeigt immer den aktuell sichtbaren Wert an, während text()der Rückgabewert falsch sein kann.

.val()arbeitet immer mit textareaElementen.

.text()funktioniert manchmal und scheitert manchmal! Es ist nicht zuverlässig (getestet in Chrome 33)

Das Beste ist, dass es auch .val()nahtlos mit anderen Formularelementen (wie input) funktioniert, während dies .text()fehlschlägt.