スクロールバーを使用せずに動的に拡大するMultinlineテキストボックスを作成するには？

Question

私のアプリケーションでは、テキストボックス（複数行）を使用する必要があります。ユーザーがテキストをテキストに入力すると、それは大きくなる必要があります。スクロールバーを使わずにテキストボックスを拡大したい。私はallow=resize:nullを試してみましたが、テキストボックスが伸びてしまうのを防ぎました。私が望むのは、私たちがfacebookのコメント/共有領域で見るようにテキストボックスです。私はきちんと説明してくれることを願っています。

Answer 1

あなたはこのようなものを使用することができます（出典：Expandable or Auto-Resize TextBox Height by Colt Kwong）

<asp:TextBox ID="txtMsg" runat="server" TextMode="MultiLine" 
style="overflow:hidden" onkeyup="AutoExpand(this, event)" Rows="2" /> 

このJavaScriptを使用して：

function AutoExpand(txtBox, event) 
{ 
    if (event.keyCode == "13" || event.keyCode == "8") { 
     var therows = 0 
     var thetext = document.getElementById(txtBox.id).value; 
     var newtext = thetext.split("\n"); 
     therows += newtext.length 

     document.getElementById(txtBox.id).rows = therows; 
     return false; 
    } 
} 

それとも、jqueryのが好きならば、あなたがjQuery autoResize Pluginを見てみる必要があります。

スーツに入力されたデータの量を入力要素の寸法を変更するjQueryのためのプラグイン。テキストエリアでは、 入力[type = text]と入力[type = password]要素で動作します。次のように

使い方は次のとおりです。

$('textarea#foo').autoResize(); 

あなたはオプションを渡すことができます。

$('textarea#foo').autoResize({ 
    maxHeight: 200, 
    minHeight: 100 
});