Auto expand a textarea using jQuery

by

If you dont want a plugin there is a very simple solution

$("textarea").keyup(function(e) {
    while($(this).outerHeight() < this.scrollHeight + parseFloat($(this).css("borderTopWidth")) + parseFloat($(this).css("borderBottomWidth"))) {
        $(this).height($(this).height()+1);
    };
});

See it working in a jsFiddle I used to answer another textarea question here.

To answer the question of doing it in reverse or making it smaller as text is removed: jsFiddle

And if you do want a plugin

@Jason has designed one here

More Related Contents:

  1. How I show div by scale effect and give her text
  2. How to get the value of this.id in string? [duplicate]
  3. Problems inherent to jQuery $.Deferred (jQuery 1.x/2.x)
  4. How do you convert a jQuery object into a string?
  5. Bind a function to Twitter Bootstrap Modal Close
  6. Change Active Menu Item on Page Scroll?
  7. Adding attribute in jQuery
  8. How can I change CSS display none or block property using jQuery?
  9. jQuery scroll to ID from different page
  10. check / uncheck checkbox using jquery? [duplicate]
  11. Display JSON Data in HTML Table
  12. How can we specify rules for jQuery validation plugin by class?
  13. disable past dates on datepicker
  14. How to render partial view in MVC5 via ajax call to a controller and return HTML
  15. jQuery – replace all instances of a character in a string [duplicate]
  16. jQuery scrollRight?
  17. jquery if div id has children
  18. Detect changed input text box
  19. jQuery calculate sum of values in all text fields
  20. how do I strip white space when grabbing text with jQuery?
  21. jQuery hasClass() – check for more than one class
  22. TypeError: $.browser is undefined
  23. only shows first char of selected option
  24. How to make select2 work with jquery.validation plugin?
  25. Remember ajax added data when hitting back button
  26. Filtering Table rows using Jquery
  27. How can I add jquery ui autocomplete to a dynamically created element?
  28. jQuery ajax upload with progress bar – no flash
  29. Filtering with checkboxes using jQuery
  30. submitting multiple forms with AJAX

Leave a Comment