Авто расширение текстовой области

Question

Если текстовое поле содержит больше текста, чем может быть показано, оно будет отображать полосы прокрутки. Как я могу сделать так, чтобы текстовая область расширялась, когда в ней больше текста, чем она может отобразить. Моя цель - никогда не показывать полосы прокрутки. Решение JQuery является предпочтительным.

Answer 1

Вот рабочий пример:

http://blogs.sitepointstatic.com/examples/tech/textarea-expander/index.html

Содержит загружаемый код, а также инструкции по реализации.

Answer 2

http://jacklmoore.com/autosize/

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

настолько просто, насколько это возможно.Я думаю 8).

Answer 3

У меня проблемы с autosize () для того, что я делаю, поэтому я использую немного другой метод, который я просто публикую на случай, если он будет полезен для других

Мне нужно поведение с текстовой областьюего высота измеряется при нагрузке и изменяется при потере фокуса (редактирование заканчивается).

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