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

これは、ボタンごとにテーブルを追加および削除する方法に使用されると考えてください。 http://www.mredkj.com/tutorials/tableaddrow.html

Answer 2

JavaScript remove() 関数で、次のようなものを追加します (未テスト):

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