Question

嘿，我正在寻找订购单的产品表。

我希望用户能够添加＆amp;减去行数（添加＆删除产品w / qty＆amp; remarks。）

我把它拼凑在一起并且有一些例外。

我需要将每个输入的ID设置为+1，而在新输入/行上使用val（''）。
减法按钮有效但删除了最后一个＆amp;只有一排。移除自己＆amp;用它添加按钮。

有人能告诉我一些如何将输入和输入+1的例子在第2行显示减法按钮？还是引导我走向正确的方向？提前致谢 -

HTML：

<table id="mytable" width="250px" border="0" cellspacing="0" cellpadding="0"  style="text-align:center;>
   <thead>
   <tr class="product">
   <th style="text-align:center;"><strong>Item</strong></th>
   <th style="text-align:center;"><strong>Qty.</strong></th>
   <th style="text-align:center;"><strong>Remarks</strong></th>
   </tr>
   </thead>
   <tr name="product" class="product">
   <td width="100px" style="padding-left:7px; padding-right:7px;"><input type="text" width="100px" name="product" id="product" /></td>
   <td width="5px" style="text-align:center; padding-left:7px; padding-right:7px;"><input type="text"maxlength="2" name="qty" id="qty"></td>
   <td width="100px" style="padding-left:7px; padding-right:7px;"><input type="text" name="remarks" id="remarks" /></td>
   <td><input type="submit" name="add" id="add" value="+" style="width:20px; text-align:center;"/></td>
   <td><input type="submit" class="subtract" value="-" style="width:20px; text-align:center; display:none;"/></td>
   </tr>
   </table>

我现在正在使用的是：

$("#add").click(function() {
$('#mytable tbody>tr:last').clone(true).insertAfter('#mytable tbody>tr:last');
$('#mytable tbody>tr:last #product').val('');
    $('#mytable tbody>tr:last #qty').val('');
        $('#mytable tbody>tr:last #remarks').val('');
            $('#mytable tbody>tr:last #add').val('+');


$("input.subtract").click(function() {
$(this).closest("tr").remove();    
});

Answer 1

创建一个ID等于tr id值+ 1的新$('#mytable tbody>tr: last')而不是克隆，然后将其附加到表格中。要删除具有特定ID的tr，请将其用作函数参数。在此功能中删除此特定tr。（<input type="button" class="subtract" value="-" style="width:20px; text-align:center; display:none;" onClick="remove({id});"/>）

添加＆amp;按钮单击减去TR（ID +1）

1 个答案: