多個表單與一個提交按鈕與編輯和刪除按鈕

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 } ?>