Подтвердить что ты не робот

Как изменить количество строк в текстовом поле, используя jQuery

У меня есть текстовое поле с 5 строками. Я хочу показать только одну строку и в фокусе она должна показать оставшиеся 4 строки.

Ответ 1

Вы можете попробовать что-то вроде этого:

     $(document).ready(function(){

    $('#moo').focus(function(){
        $(this).attr('rows', '4');
    });
});

где moo - ваше текстовое поле.

Ответ 2

jQuery(function($){
  $('#foo').focus(function(){
    $(this).attr('rows',5);
  }).blur(function(){
    $(this).attr('rows',1);
  });
});

Или, используя меньше jQuery, меньше набрав и получив более высокую производительность:

jQuery(function($){
  $('#foo')
    .focus(function(){ this.rows=5 })
    .blur( function(){ this.rows=1 });
});

Ответ 3

Попробуйте это

$('#textboxid').focus(function()
    {
       $(this).animate({'height': '185px'}, 'slow' );//Expand the textarea on clicking on it
       return false;
     });