自动扩展文本区域

Question

当一个文本区域中的文本超出显示的范围时，它将显示滚动条。 我如何做到这一点，以使当文本区域显示的文本多于文本区域时，文本区域会自动扩展。 我的目标是永远不会出现滚动条。 首选jQuery解决方案。

Answer 1

这是一个工作示例：

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

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

Answer 2

http://jacklmoore.com/autosize/

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

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

Answer 3

我在执行autosize（）时遇到问题，因此我使用了稍有不同的方法，以防其他人使用它

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

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();
})