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

最佳，

陳偉偉