Ben bir forma satır eklemek için bu kodu kullanabilirsiniz, form gönderildiği zaman sorun (ve kullanıcı artı ikonuna tıklayarak JS kullanarak satırları ekledi) sadece son yayınlanan değeri dönecektir:
//Order Form
$("#add").click(function() {
counter++;
var cln = $('#ordertable tbody>tr:last').clone(true);
cln.find("[id^='prodcode'], [id^='meterage']").each(function(i, val) {
val.id = val.id.match(/^([^0-9]+)[0-9]*$/)[1] + "" + counter;
});
cln.insertAfter('#ordertable tbody>tr:last');
$('#ordertable tbody>tr:last input').val('');
$('td.imgsample:last a').remove();
return false;
});
ve formu
<form id="orderform" name"orderForm" action="tomypage.php" method="post">
<a id="add">+</a>
<table id="ordertable" width="533" border="0" cellspacing="0" cellpadding="2">
<tbody>
<tr>
<td width="33%">Product Code (e.g 66203)</td>
<td width="33%">mtrs sq Required (e.g 10)</td>
<td width="33%">Preview Image</td>
</tr>
<tr class="item">
<td class="prodcode"><input type="text" name="prodcode" id="prodcode" /></td>
<td class="meterage"><input type="text" name="meterage" id="meterage" /></td>
<td class="imgsample"></td>
</tr>
</tbody>
</table>
<button>Submit</button>
</form>