php - 如何通过按钮删除表格行？

Question

我创建了一个表单，我们可以通过单击一个按钮在其中添加多行。但我不知道如何删除这些行。

编码：

<form>
   <table>
    <?php
      for ($i=0; $i<100; $i++) {
        $inst_no = $i+1;
       // Display only the first line
       if ($nbr_ligne == 0) $nbr_ligne = 1;
       if ($i >= $nbr_ligne) $display = 'style="display:none"';

         echo '
       <tr id="cell'.$i.'" '.$display.'>
       <td align="center"><b>'.$inst_no.'</b><br>&nbsp;</td>
       <td><input type="text" name="total_balance[]" id="total_balance'.$i.'" class="payment_text_box" /><br>
       <input type="button" value="Add Installment" class="installment_button" onclick="javascript:document.getElementById(\'cell'.($i+1).'\').style.display=\'table-row\'; this.style.display=\'none\'" />
       </td>
        <td><input type="text" name="installment_amount[]" id="installment_amount'.$i.'" class="payment_text_box"/><br>&nbsp;</td>
        <td><input type="text" name="remaining_balance[]" id="remaining_balance'.$i.'" class="payment_text_box" /><br>
        <input name="submit" type="button" value="Remove Installment" class="installment_button" onclick="remove();" />
        </td>
        <td><input type="text" name="installment_date[]" id="installment_date'.$i.'" class="payment_text_box"/><br>&nbsp;</td>
         </tr>';
      }
        ?>
</table>
</form>

请告诉我删除这些行的方法是什么？

Answer 1

在您的 JavaScript remove() 函数中添加如下内容（未经测试）：

thisItem.parentNode.parentNode.parentNode.removeChild(thisItem.parentNode.parentNode);

Answer 2

我认为这是用于如何按按钮添加和删除表格。 http://www.mredkj.com/tutorials/tableaddrow.html