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

最佳，

陈伟伟