How to auto grow textarea with jQuery Plugin

by  
Share:
Auto grow textarea with jquery

Textarea auto grow is quite a hit. I have seen it many websites especially facebook. So I tried looking for a similar jquery plugin and came accross jquery auto grow plugin. Its very easy to add, lightweight and does the job perfectly well.

View Demo

How to make a textarea auto grow with jquery.

All credit to jevin who made this plugin. You can fork him on github.

To make a textarea autogrow with jquery follow these steps.

  • Add jquery Library.
  • Add autogrow library
  • Add an id/class to the textarea.
  • Bind the id/class with jquery autogrow.

<!-- add library -->
<script src="js/jquery-1.9.0.min.js"></script>
<script src="js/jquery.autogrowtextarea.js"></script>

<!-- add text area with ID or CLASS -->
<textarea id="target"></textarea>
<textarea class="tc"></textarea>
<textarea class="tc"></textarea>

<!-- Bind textarea with ID or CLASS to jquery -->
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
  $("#target").autoGrow();
  $(".tc").autoGrow();
});
</script>

View Demo
Share to download the Source Codes for FREE!
We're glad to give free downloads, but we need your love to carry on making that.
Please support us by sharing the page.

Get the latest updates directly in your inbox for FREE: Subscribe here

Share your feedback / let me know your doubts regarding this tutorial in the comment box given below.

Share:
Hasan

Shahrukh Khan (Hasan)

A software engineer who's a die-hard coder, blogger, dreamer and mentor with years of expertise in web development. Know more...

Related Posts

vignesh on

it’s very userful

Reply

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.