Я использую следующий JSfiddle для работы, и он работает хорошо. только беспокойство, я не в состоянии сделать имена полей динамическихjquery добавить/строки в таблицу динамически
может кто-то руководство, что я делаю неправильно здесь
http://jsfiddle.net/k166m6m6/913/
Код:
<div>
<input type="button" value="Add" class="plusbtn" />
<input type="button" value="Remove" class="minusbtn" />
</div>
<table width="50%" border="1" cellpadding="1" cellspacing="1" class="test">
<tr>
<td>Name</td>
<td>Emp no.</td>
<td>Company</td>
<td>Mobile no.</td>
</tr>
<tr>
<td><input type="text" class="txtbox" value="" /></td>
<td><input type="text" class="txtbox" value="" /></td>
<td><input type="text" class="txtbox" value="" /></td>
<td><input type="text" class="txtbox" value="" /></td>
</tr>
</table>
JQuery код
$('.plusbtn').click(function() {
var cnt = 1;
$(".test").append('<tr><td><input type="text" class="txtbox" name="txtnamed'+cnt+'" value="" /></td><td><input type="text" class="txtbox" value="" /></td><td><input type="text" class="txtbox" value="" /></td><td><input type="text" class="txtbox" value="" /></td></tr>');
cnt++;
});
$('.minusbtn').click(function() {
if($(".test tr").length != 2)
{
$(".test tr:last-child").remove();
}
else
{
alert("You cannot delete first row");
}
});
Перемещение НКТ переменной вне функции, CNT всегда буду один, потому что сфера его применения функции. * Простое исправление не обязательно наилучшего подхода * – Heinrich