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;">

遵循其他输入的命名方案。