0

我有这样的表格：

<form:form name="ExpenseDetails" method="Post"
    action="ExpenseDetailsForm.html">
    <table id="Parent1_Table">
        <tbody>
            <tr>
                <td>
                    <table id="Item1_Table1">
                        <tbody>
                            <tr>
                                <td>Item</td>
                                <td><input type="text" name="Item1" id="Item1" required /></td>
                            </tr>
                            <tr>
                                <td>Expense in Rs</td>
                                <td><input type="text" name="ItemValue1" id="ItemValue1"></td>
                            </tr>
                        </tbody>
                    </table>
                </td>
                <td>
                    <table id="Item1_Table2">
                        <tbody>
                            <tr>
                                <td><button name="Edit1" id="Edit1">Edit</button></td>
                                <td><button name="Duplicate1" id="Duplicate1">Duplicate</button></td>
                                <td><button name="Trash1" id="Trash1">Trash</button></td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
</form:form>

单击duplicate1按钮时，我想创建另一个table与 相同的元素Parent1_Table并附加它。

为此，我有两个解决方案：

1）找到被点击的表格duplicate button，
获取所有id元素并入栈，
获取表格的整个html，
复制整个table元素并在增加1后追加到原始元素ids。

i2）创建与单击的duplicate按钮相同的元素，
提交后，计算文本元素的数量并使用它们。

以上哪种解决方案易于开发？
谁能帮我从中选择一个？
如果您需要有关该问题的更多详细信息，请告诉我。

4

1 回答 1

1

“最佳”问题总是很棘手。

每当我遇到在每一行上重复的控件时，我都会完全避免使用id值。最多该行会有一个（甚至经常没有），但我会在其余行上使用一个类，尤其是因为它与事件委托很好地配合。id

于 2013-03-04T15:27:47.560 回答