You are on page 1of 1

<html>

<body>
<table id="options-table">
<tbody>
<tr>
<td>Input-Box-One</td>
<td>Input-Box-Two</td>
<td></td>
</tr>
<tr>
<td><input type="text" name="input_box_one[]" /></td>
<td><input type="text" name="input_box_one[]" /></td>
<td><input class="del" type="button" value="Delete" /></td>
</tr>
<tr>
<td><input type="text" name="input_box_one[]" /></td>
<td><input type="text" name="input_box_one[]" /></td>
<td><input class="add" type="button" value="Add More" /></td>
</tr>
</tbody>
</table>
<script>
$('.add').live('click',function(){
$(this).val('Delete');
$(this).attr('class','del');

var appendTxt = "<tr><td><input type="text" name="input_box_one[]"


/></td><td><input type="text" name="input_box_two[]" /></td><td><input class="add"
type="button" value="Add More" /></td></tr>";
$("tr:last").after(appendTxt);
});
$('.del').live('click',function(){
$(this).parent().parent().remove();
});
</script>

You might also like