如何使用php将动态创建的表单字段更改为数据库？

Question

我创建了一个管理面板，通过它可以添加产品类别并删除。按下添加按钮时，它会动态添加新字段；按下删除按钮时，它将动态删除字段。问题是，我在更改数据库时遇到问题。

例如，说我已经有2个类别。我登录到管理面板。现在我的问题是，如何在那已经显示这两个类别？如何通过单击“删除”按钮将它们删除？

HTML：

<div id="product_category" class="container tab-pane active">
        <form action="one.php">
          <div class="form-row">
                <div class="product-category col-sm-12 my-2">
                  <div class="card col-sm-12">
                    <div class="card-title"><h3 class="text-center">Categories</h3></div>
                    <div class="card-body">
                      <div id="categories" class="form-group">
                        <button class="btn btn-success btn-block" id="add_cat_btn">Add Category</button>
                        <button class="btn btn-danger btn-block" id="remove_cat_btn">Remove Category</button>
                      </div>
                    </div>
                  </div>
                </div>
            </div>
        </form>
      </div>

jQuery：

  var cat_count=0;


$(document).on("click","#add_cat_btn",function(e){
    e.preventDefault();
    console.log("clicked");
    cat_count++;
    //$(this).before('<div id="cat'+cat_count+'"><div class="card my-2"><div class="card-body"><input type="text" name="cat_title[]" class="form-control" placeholder="Category Name" required><input type="text" class="form-control" placeholder="content" required><input type="file" class="form-control" required></div></div><button class="btn btn-success my-2">Submit</button></div>');
    $(document).find("#categories #add_cat_btn").before('<div id="cat'+cat_count+'"><div class="card my-2"><div class="card-body"><input type="text" name="cat_title[]" class="form-control" placeholder="Category Name" required><input type="text" class="form-control" placeholder="content" required><input type="file" class="form-control" required></div></div><button class="btn btn-success my-2">Submit</button></div>');

  });

  $('#remove_cat_btn').on("click",function(e){
    e.preventDefault();
    console.log("removed");
    $('#categories').find('#cat'+cat_count).remove();
    cat_count--;
  });