多个表单，其中一个提交按钮带有编辑和删除按钮

Question

如何提交和“显示”（在同一页面中）多个表单，其中一个提交按钮带有php javascript的编辑和删除按钮？

这是我的模型

这是我没有php的代码：

<div class="row">
  <div class="col-md-6">
    <div class="panel-body">
      <form method="post">
        <div class="form-group row">
          <div class="col-md-3">
            <label>Content number</label>
            <input class="form-control" name="BranchName" type="text" />
          </div>
          <div class="col-md-4">
            <label>Topic</label>
            <input class="form-control" name="Tel" type="text">
          </div>
        </div>
        <div class="form-group">
          <label>Content</label>
          <textarea class="form-control" name="Address" rows="3"></textarea>
        </div>
        <p id="submit">
          <button type="submit" class="btn btn-info">Submit</button>
        </p>
      </form>
    </div>
  </div>
</div>

请帮忙。这是我所期待的最终结果。我希望它在单击提交后清除文本区域以准备好新表单。但现在我不知道如何在带有编辑和删除功能的项目列表中显示在页面底部提交的所有表单。

Answer 1

由于我假设您通过PHP获取信息，您在编辑/删除部分需要做的是为编辑/删除功能添加一些表单项ID。或者，您可以在JavaScript中执行相同的操作，并将AJAX请求链接到.php文件，其中包含用于处理编辑和删除功能的函数。

<?php foreach($key as $data) { ?>

  <form action="edit.php" method="post">
   <input name="<?php echo $data[$key].formItemID ?>" type="submit" value="edit" />
  </form>
  <form action="delete.php" method="post">
   <input name="<?php echo $data[$key].formItemID ?>" type="submit" value="delete" />
  </form>

<?php } ?>