jQuery添加/删除行

Question

我想设置jQuery行，添加/删除行功能。我开始用网上的教程，

http://jsbin.com/aciba

工作正常。它只有输入形式。我们需要选择。现在

，我做了一些改动，接受的选择，以及输入：

http://jsbin.com/emata

这是行不通的。尝试在单元格1中选择选项3，然后按添加“添加”。添加的行将默认的“单元格1”选择选项设置为1.

可能是什么原因？

Answer 1

问题是使用克隆var newRow = addRow.clone();克隆选择与所有选项，但设置选定的选项。你需要自己做。

添加之前

$('select', newRow).val($('select', addRow).val()); 

地方

$('select', addRow).val(''); 

应该解决您的问题。

此外，我会考虑重新命名您的选择框：

<select name="n0_0" id="n0_0" style="width: 160px;"> 

要遵循的其他投入的命名方案。

Answer 2

我写了一个jQuery插件，可以让你做到这一点。您可以添加和删除行（使用动画），并且不需要用div或类似的东西包装数据。瞧瞧吧http://www.fletchzone.com/post/jQuery-Unobtrusively-Animated-Add-and-Remove-Table-Rows.aspx

最佳，

陈伟伟