val() vs. text() for textarea

by

The best way to set/get the value of a textarea is the .val(), .value method.

.text() internally uses the .textContent (or .innerText for IE) method to get the contents of a <textarea>. The following test cases illustrate how text() and .val() relate to each other:

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

The value property, used by .val() always shows the current visible value, whereas text()‘s return value can be wrong.

More Related Contents:

  1. HTML5 textarea placeholder not appearing
  2. Replace 0 in form field with empty by jQuery
  3. Prevent users from submitting a form by hitting Enter
  4. Resetting a multi-stage form with jQuery
  5. Using JQuery – preventing form from submitting
  6. jQuery: how to get which button was clicked upon form submission?
  7. jQuery .val() vs .attr(“value”)
  8. Set value of textarea in jQuery
  9. Get checkbox value in jQuery
  10. Insert text into textarea with jQuery
  11. How to limit the number of selected checkboxes?
  12. Count characters in textarea
  13. Submit form with Enter key without submit button? [duplicate]
  14. How to add additional fields to form before submit?
  15. jQuery – select all text from a textarea
  16. Is there a way to clone form field values in jQuery or javascript?
  17. Jquery toggle event is messing with checkbox value
  18. Retrieving HTTP status code from loaded iframe with Javascript
  19. How to make Chrome remember password for an AJAX form?
  20. Ajax Form submit with preventDefault
  21. HTML5 validation before ajax submit
  22. MS MVC form AJAXifying techniques [closed]
  23. jQuery textarea append newline behavior
  24. jQuery html attribute not working in IE
  25. The .val() of a textarea doesn’t take new lines into account
  26. Force a checkbox to always submit, even when unchecked
  27. submitting multiple forms with AJAX
  28. jQuery detect click on disabled submit button
  29. Weird behaviour of iframe `name` attribute set by jQuery in IE
  30. Custom CSS to allow chrome textarea resize smaller than initial state?

Leave a Comment