Question

How can I make a textarea automatically expand using jQuery?

I have a textbox for explaining the agenda of the meeting, so I want to expand that textbox when my agenda’s text keep growing that textbox area.

Answer 1

I have tried lots and
this one is great. ^{Link is dead. Newer version is available here. See below for old version.}
You can try by pressing and hold enter key in textarea. Compare the effect with the other auto expanding textarea plugin….

edit based on comment

$(function() {
   $('#txtMeetingAgenda').autogrow();
});

note: you should include the needed js files…

To prevent the scrollbar in the textarea from flashing on & off during expansion/contraction, you can set the overflow to hidden as well:

$('#textMeetingAgenda').css('overflow', 'hidden').autogrow()

---

Update:

The link above is broken. But you can still get the javascript files here.