Question

我试图在用户点击后重新调整文本区域的大小。由于某种原因，以下代码仅适用于数据表的第一行。数据表是动态生成的，并显示来自数据库查询的数据。

流动的代码是生成表格的代码，文本区域为id=txtArea：

echo "<td ><textarea size=4 name=WinterFollowUp id='txtArea' rows=2     cols=12 >$row[WinterFollowUp]</textarea></div> </td>";

这是我的jQuery脚本：

$(document).ready(function(){
    $('#txtArea').focus(function(){
        $(this).attr('rows', '10');
    });
});
$('#txtArea').blur(function(){
    $(this).attr('rows', '2');
});

Answer 1

id在jquery中是唯一的，所以jquery会找到带有该id的第一个textarea，如果你想要申请所有textarea，您必须指定一个类或仅指定textarea

$(document).ready(function(){
   $('textarea').focus(function(){
    $(this).attr('rows', '10');
   });
});
$('textarea').blur(function(){
   $(this).attr('rows', '2');
});

在动态生成的表中使用JQuery重新调整文本区域onFocus

1 个答案: