textarea根据内容js或jquery设置高度

这是我的代码：（保持简单）

<textarea style="height:100px;">
    $textareatext
</textarea>

• if $textareatext是 1 行长我想要文本区域的高度适合
• 如果是 3、5 或 10 行……同样的事情。

我遇到的问题是100px高度太大，但如果我将其设置为20px并且有 10 行，则文本区域高度太小。 注意：值是通过 mysql 预加载的。所以我认为应该计算行数，然后根据多少行设置高度？ 有什么建议么？

我使用 Javascript 和 jQuery，或者你建议的任何东西。

谢谢。

这些可能会有所帮助。它们都是 jQuery 插件。

• jQuery 弹性 http://code.google.com/p/jquery-elastic/
• 灵活区域 http://flaviusmatis.github.com/flexibleArea.js/
• Autogrow http://archive.plugins.jquery.com/project/autogrow

Edit

var $textArea = $("#textarea-container");

resizeTextArea($textArea);

$textArea.off("keyup.textarea").on("keyup.textarea", function() {
    resizeTextArea($(this));
});

function resizeTextArea($element) {
    $element.height($element[0].scrollHeight);
}​

这个答案由弗朗索瓦·瓦尔提供，如下。