boyutlandırma bu dinamik dolu olacak gerçek uygulamada zaten içindeki bir metin kutusu metin var içeriğin

Question

http://jsfiddle.net/h2vMN/1/

göre otomatik metin kutusu, ancak önceden doldurulmuş Bu sorunun uğruna.

Yukarıdaki kodu çalıştırdığımda, üzerinde kaydırma çubukları bulunan küçük bir metin alanı gösterilir. Başka bir deyişle, kullanıcı dostu olmak açısından tamamen işe yaramaz. Metin kutusunu, içerdikleri içerik miktarına göre otomatik olarak yeniden boyutlandırır ve 600 piksellik bir genişliğe sahiptir.

#textarea{width:600px;}​ 

Bir javascript/jquery çözümü istiyorum.

burada bulabilirsiniz Ben başarısız .autoresize çözüm denedi

:

http://james.padolsey.com/demos/plugins/jQuery/autoresize.jquery.js/view

Not, yükseklik

Answer 1

Thy bu:

$(document).ready(function(){ 
    tx = $('#textarea') 
    tx.height(tx.prop('scrollHeight')); 
}) 

DEMO

Answer 2

otomatik olarak yeniden boyutlandırılır edilmelidir keresinde bu eklentiyi kullandı: http://www.jacklmoore.com/autosize işime yaramıştı .

Answer 3

$(document).ready(function(){ 
    var heightFudgeFactor = 10; 
    var id = 'tempid' + Date.now(); 
    $('#textarea').after($('<div>').css('font-family','monospace').css('white-space','pre-wrap').css('word-wrap','break-word').attr('id',id).css('width',$('#textarea').width()).text($('#textarea').text())); 
    $('#textarea').css('height',$('#'+id).outerHeight() + heightFudgeFactor).next().remove(); 
});​ 

İşte, içeriğine göre, textarea yüksekliği olan bir ikincil div yaratıyorum bunu yapmanın bir yolu, ancak' gerçek beğeninize