1


0

自動展開テキストエリア

テキストエリアに表示できる以上のテキストがある場合、スクロールバーが表示されます。 表示可能なテキストよりも多くのテキストがある場合、textareaがそれ自体を拡張するようにするにはどうすればよいですか。 私の目標は、スクロールバーを表示しないことです。 jQueryソリューションが推奨されます。

3 Answer


3


これが実用的な例です。

これには、ダウンロード可能なコードと実装手順が含まれています。


2


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

できるだけシンプル。 8)と思います。


0


私がやっていることのために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();
})