如何使用jQuery更改文本区域中的行数

Question

我有一个包含5行文本的文本区域。我想要一开始只显示一行文本，当用户点击或聚焦此文本区域时，它应该展开并显示剩余的四行文本。

- Josh R

Answer 1

你可以尝试这样做：

     $(document).ready(function(){

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

其中moo是您的文本区域。

- Vincent Ramdhanie

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

- Phrogz

Answer 3

试试这个

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

- Vish Kamath

---

请更详细地描述您的解决方案。参考：如何回答问题。 - askmish