TextArea元素 - 默認大小以適應內容

Question

如果我在textarea元素上設置了固定寬度，是否有一種優雅的方式將高度默認設置爲允許其所有內容適合的大小？

我希望避免硬編碼jquery中的任何東西，它會比較text.length並嘗試將值等同於高度，但也許這是唯一的方法，我很想看到一些本地css規則if可能，但我似乎無法想到我的頭頂上的任何東西。

我創建了一個小提琴，演示了我試圖完成的事情。 http://jsfiddle.net/edZgm/

下面的代碼：

CSS：

textarea { 
    overflow: hidden; 
} 

JQuery的：

$('document').ready(function() { 
    $('textarea') 
     .width(500); 

    //I have a width set, but see how the height defaults to a rediculously small amount. 
    //I'd like to have the height default to fit everything on load. 

}); 

HTML：

<textarea> ... lots of text </textarea> 

感謝您在dvance。

Answer 1

作出評論以供將來參考答案：

結帳jquery-autogrow

Answer 2

有這個jQuery插件Autosize。
http://www.jacklmoore.com/autosize/

這是你的小提琴與插件更新。
http://jsfiddle.net/edZgm/3/

剛剛加載插件並將其添加到您的代碼中。

$('textarea') 
    .autosize();