val () vs. text () dla textarea

Używam jQuery i zastanawiam się, czy powinienem używać val () lub text () (lub innej metody) do czytania i aktualizowania zawartości textarea.

Próbowałem obu i miałem problemy z obydwoma. Kiedy używam funkcji text () do aktualizacji obszaru tekstowego, podziały wierszy (\ n) nie działają. Kiedy używam funkcji val () do pobierania zawartości textarea, tekst zostaje obcięty, jeśli jest zbyt długi.

Najlepszym sposobem, aby ustawić / uzyskać wartość textarea jest .val(), .valuemetoda.

.text()wewnętrznie używa metody .textContent(lub .innerTextdla IE), aby pobrać zawartość pliku <textarea>. Poniższe przypadki testowe ilustrują, jak text()i .val()odnoszą się do siebie nawzajem:

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

value Nieruchomość , używane przez .val()zawsze pokazuje aktualną wartość widzialnego, natomiast text()„s wartość powrotu może być źle.

.val()zawsze działa z textareaelementami.

.text()działa czasami, a czasami zawodzi! To nie jest niezawodne (testowane w Chrome 33)

Najlepsze jest to, że .val()działa bezproblemowo również z innymi elementami formularza (takimi jak input), ale .text()nie działa.