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

Posted 2023-05-07

【中文标题】如何使用jQuery更改文本区域中的行数

【英文标题】：How to change the number of rows in the textarea using jQuery

【发布时间】：2011-05-23 23:05:29

【问题描述】：

我有一个 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;
     );

【讨论】：

：请详细描述您的解决方案。参考：How to Answer