jquery - テキストエリアの幅の自動サイズ変更

Question

このコードが入力に対して行うように、テキストエリアの幅を最大幅で内部に書き込むときに自動サイズ変更したいと思います。 http://jsbin.com/ahaxe それは可能ですか？

Answer 1

あなたはこれらを試しましたかこれらはあなたを助けることができるかもしれません

http://www.jacklmoore.com/autosize

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

Answer 2

デモ: 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 3

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