複製HTML元素更好,我有一種形式是這樣的:哪種方式是通過jQuery的
<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
並追加它。
這樣做我有2個解決方案,記住:
1)找到在其中點擊duplicate button
位於工作臺,
獲取元素的所有id
和推棧,
獲取表中的整個HTML,
複製整個table
元件和由1
2)創建不變的的相同的元件遞增ids
後追加到原始點擊duplicate
按鈕中的0,
提交後,計算文本元素的no:並使用它們。
以上哪個解決方案易於開發?
任何人都可以請幫助我選擇其中之一?
請讓我知道你是否需要關於這個問題的更多細節。
您的問題沒有明確定義,因爲「易於開發」顯然取決於個人的專業知識和經驗。我會使用http://api.jquery.com/clone和http://api.jquery.com/append - 不要忘記更新兩者之間的ID。你想複製這個表單一次,還是多次? – Blazemonger 2013-03-04 15:22:32
@Blazemonger我嘗試了clone和append方法,它將元素添加到'parent1_table'元素中。通過提問,我的意思是更簡單的方法。 – Freakyuser 2013-03-04 15:25:37
你確實說過「獲取表格的整個HTML」。這包括其內容。如果這不是你想要的,那麼解決方案(2)可能會更好。 – Blazemonger 2013-03-04 15:26:27