Jquery tilføj row indeholdende inputfelt til table
HejJeg sidder med et problem, jeg vil gerne kunne via jquery tilføje ekstra rækker til tabel, disse rækker skal indeholde textboxe, det er så vidt lykkedes ved at benytte clone men det skaber samme id og name og det er derved svært at få fat i dataen. Min kode ser ud som følger:
<table id="testTable">
<TBODY>
<tr>
<td>
Mængde
</td>
<td>
<center>Produkt</center>
</td>
</tr>
<tr>
<td>
<input type="text" name="amount1" id="amount1" size="5">
</td>
<td>
<input type="text" name="test1" id="test1" class="Auto">
</td>
</tr>
<tr>
<td>
<input type="text" name="amount2" id="amount2" size="5">
</td>
<td>
<input type="text" name="test2" id="test2" class="Auto">
</td>
</tr>
<tr>
<td>
<input type="text" name="amount3" id="amount3" size="5">
</td>
<td>
<input type="text" name="test3" id="test3" class="Auto">
</td>
</tr>
<tr>
<td>
<input type="text" name="amount4" id="amount4" size="5">
</td>
<td>
<input type="text" name="test4" id="test4" class="Auto">
</td>
</tr>
<tr>
<td>
<input type="text" name="amount5" id="amount5" size="5">
</td>
<td>
<input type="text" name="test5" id="test5" class="Auto">
</td>
</tr>
</TBODY>
</table>
//Også koden lige nu der adder en ny linie:
$('#more').click(function(){
$('#ingredientTable tbody>tr:last').clone(true).insertAfter('#testTable tbody>tr:last');
});
Håber nogen kan hjælpe :)
Mvh.
Simon