Question

当textarea中包含的文本多于可显示的文本时，它将显示滚动条。我怎样才能使textarea在文本多于可显示的文本时自动扩展。我的目标是永远不会出现滚动条。首选jQuery解决方案。

Answer 1

这是一个有效的例子：

http://blogs.sitepointstatic.com/examples/tech/textarea-expander/index.html

它包含可下载的代码以及实现说明。

Answer 2

// Example:
$(document).ready(function(){
    $('textarea').autosize();    
});

尽可能简单。我认为8）。

Answer 3

我在autosize（）方面遇到了问题，所以我使用了一种稍微不同的方法，我只是发布它以防对其他人有用

我需要的行为是一个textarea，其高度在加载时调整大小并在失去焦点时调整大小（编辑完成）。

function updateAddressHeight() {
   var lineHeight=16; //Whatever you need
   address = $("#Address").val()
   lines = address.split("\n");

   $("#Address").height( (lines.length * lineHeight) );
} //funct

$(document).ready(function(){
    $("#Address").change( function() {
        updateAddressHeight();
    });

    updateAddressHeight();
})

自动扩展textarea

3 个答案: