Comment modifier le nombre de lignes dans la zone de texte à l'aide de jQuery

Question

J'ai une zone de texte de 5 lignes. Je veux montrer seulement une ligne et sur le foyer il devrait montrer 4 lignes restantes.

Answer 1

Vous pouvez essayer quelque chose comme ceci:

 $(document).ready(function(){ 

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

où moo est votre textarea.

Answer 2

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

Ou, en utilisant moins jQuery, moins de frappe, et d'obtenir un poil plus de performance:

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

Answer 3

Essayez cette

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