Tablo:
<form>
<table id="mytable">
<tbody>
</tbody>
</table>
<button type="button" id="btn">Yeni Satır</button>
</form>
Öncelikle bir satır şablonu oluşturacaksınız:
var row = '
<tr>
<td><input type="text" name="myfield[]"></td>
<td><a class="remove" href="javascript:;">x</a></td>
</tr>
';
Yeni satır ekle düğmesine tıkladığınızda şablonu tabloya ekleyeceksiniz:
$('#btn').click(function() {
$('#mytable tbody').append(row);
});
Bu şekilde tabloya satır eklemiş oldunuz. Şimdi x linkine tıklayınca satırı silsin:
$('#mytable .remove').on('click', function() {
var tr = $(this).closest('tr');
tr.remove();
});
Genel olarak mantık bu.
