Textarea寬度自動調整大小

Question

我想自動調整textarea的寬度，當我寫入它時，使用最大寬度，就像這段代碼對輸入做的那樣。 http://jsbin.com/ahaxe 有可能嗎？

Answer 1

DEMO：http://jsfiddle.net/buM6M/1/

HTML：

<textarea id="t1" style='min-width:100px;min-height: 100px'> 

</textarea> 

<div id="d1" style='max-width:200px;min-height:20px;display: none'> 

</div> 

JS代碼：

$("#t1").live({ 
keyup: function(e){ 

    $("#d1").text($(this).val()); 
    $(this).css("width", $("#d1").css("width")); 
    $(this).css("height", $("#d1").css("height")); 
} 
});​ 

設置div和textarea的尺寸按照您的要求。

Answer 2

使用jquery autogrow插件。

下載autogrowtextarea.js並添加腳本

，並在頭部添加這個CSS：

#id_of_textarea 
{ 
height:auto; 
width:width_of_textarea_you_want 
} 


$(function() { 
$('#id_of_textarea').autogrow(); 
}); 

避免滾動：

$('#id_of_textarea').css('overflow', 'hidden').autogrow() 

Answer 3

你嘗試這些可能是這些可以幫助你

http://www.jacklmoore.com/autosize

http://www.technoreply.com/autogrow-textarea-plugin/