The .val() of a textarea doesn’t take new lines into account

by

It’s a CSS problem, not a JavaScript problem. HTML collapses white space by default — this includes ignoring newlines.

Add white-space: pre-wrap to the output div. http://jsfiddle.net/mattball/5wdzH/

This is supported in all modern browsers: https://caniuse.com/#feat=css3-tabsize

More Related Contents:

  1. HTML5 textarea placeholder not appearing
  2. jQuery textarea append newline behavior
  3. Can I open a dropdownlist using jQuery
  4. iframe to Only Show a Certain Part of the Page
  5. How to force a html5 form validation without submitting it via jQuery
  6. val() vs. text() for textarea
  7. Play/pause HTML 5 video using JQuery
  8. How to set data attributes in HTML elements
  9. How to automatically change the text size inside a div?
  10. jquery IE Fadein and Fadeout Opacity
  11. Activate CSS3 animation when the content scrolls into view
  12. Store JSON object in data attribute in HTML jQuery
  13. Jquery click event not working after append method
  14. current/duration time of html5 video?
  15. get html of external url in jquery
  16. How to make Bootstrap carousel slider use mobile left/right swipe
  17. What’s the difference between class and id in jQuery?
  18. Google Map v3 auto refresh Markers only
  19. Display XML content in HTML page
  20. Run JQuery in the context of another frame
  21. is it possible to have html inside of a jqgrid treegrid cell
  22. Merge values from two forms on submit
  23. Get index of selected option with jQuery
  24. How to export the Html Tables data into PDF using Jspdf
  25. How add spaces between Slick carousel item
  26. Datatables warning(table id = ‘example’): cannot reinitialise data table
  27. jQuery web page height
  28. jQuery: find input field closest to button
  29. Custom CSS to allow chrome textarea resize smaller than initial state?
  30. How do I select an element with special characters in the ID?

Leave a Comment