3

我的要求是，我有一个 3 列 5 行的表。当我使用最后一行时，应该在最后一行之后动态添加一个新行，当我再次使用新创建的行时，最后应该动态添加一个新行等等..但问题是我们不应该使用按钮要添加行，我们必须使用 onblur 或 onchange 事件。谁能建议我解决上述问题？

4

3 回答 3

1

为什么不使用focus事件，以便在开始使用最后一行时添加行？您可以将委托添加到表中，以便该事件即使对新添加的行也有效：

$(function(){
  $('#TheTable').on('focus', 'input', function(){
    if ($(this).closest('tr').is(':last-child')) {
      $('#TheTable').append('<tr><td><input type="text"/></td></tr>');
    }
  });
});

德米奥：http: //jsfiddle.net/Guffa/2mcp3/

于 2012-06-08T08:01:14.150 回答
0

检查以下链接，我正在使用按钮单击事件来调用该函数。您可以简单地将其更改为任何文本字段或其他内容的 onblur 功能。希望它会奏效。检查此答案链接

于 2012-06-12T05:57:08.987 回答
0

以下函数可用于向表中添加行。

function addrow() {
    var table = document.getElementById('tableid');
    var row = table.insertRow(table.rows.length);
    row.id = 'row'+table.rows.length; //ID the rows however you like, make each one unique though.
}

您可以考虑onClick为表格行添加一个新行。您可以在函数中添加类似这样的内容addrow()：row.onClick = addrow();，但如果您只希望最后一行执行此操作，请确保使用document.getElementById('otherrow').onClick = "";CSS ID“otherrow”重置旧行。

于 2012-06-08T07:58:43.993 回答