上一篇: jQuery数据绑定库或插件推荐下一篇:jquery-ui – jQuery UI可以使用...

根据文本中包含的文本数量扩展textarea(jquery)

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了根据文本中包含的文本数量扩展textarea(jquery)，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我怎样才能让textarea最初只有1行,但是当文本到达行尾时添加另一行,并继续这样做直到最多5行？

解决方法

像这样的东西：

<textarea id="foo" rows="1" cols="40"></textarea>

$(function () {

    $("#foo").on("keyup",function () {

       if ($(this).attr('rows') < 5 &&
           parseInt($(this).val().length/$(this).attr('cols')) >= $(this).attr('rows'))
           $(this).attr("rows",parseInt($(this).attr("rows"))+1);

    });

});@H_404_16@ 
 http://jsfiddle.net/Q3pPT/ 
 编辑处理换行的轻微改进： 
  
 
$(function () {

    $("#foo").on("keyup",function (E) {

       if ($(this).attr('rows') < 5)
       {
           if (
               parseInt($(this).val().length/$(this).attr('cols'))+
               ($(this).val().split("\n").length-1) 

               >= 

               $(this).attr('rows')
              )
               $(this).attr("rows",parseInt($(this).attr("rows"))+1);

           if (e.keyCode == 13)
           {
               $(this).attr("rows",parseInt($(this).attr("rows"))+1);
           }
       } 

    });

});@H_404_16@ 
 http://jsfiddle.net/Q3pPT/2/