如何使用jQuery更改textarea中的行數

Question

我有一個包含5行的textarea。我想只顯示一行，重點應該顯示剩餘的4行。

Answer 1

你可以嘗試這樣的事情：

 $(document).ready(function(){ 

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

這裏哞是你的textarea的。

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

Answer 3

試試這個

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