Bootstrap Modal提交表格

Question

我一直在尋找各種嘗試不同的組合。我會盡力解釋我所需要的。我有一個填充SQL數據的表，最後一列是一個編輯按鈕來打開引導模式。我已經能夠填充表格並創建編輯按鈕以將行標識傳遞到模態上，以便對模態上的查詢使用數據庫上的實際數據填充所有輸入。一切正常。但現在我甚至無法在表單上發佈POST，我按下了按鈕，沒有任何反應。

<?php 
require 'style/header.php'; 
require 'core/db_connect.php'; 
?><div class="main"> 
      <div class="row"> 
       <table class= "table table-striped table-bordered table-hover"> 
        <thead> 
         <tr> 
          <th colspan="1" rowspan="1" style="width: 180px;" tabindex="0">BI/CC</th> 
          <th colspan="1" rowspan="1" style="width: 220px;" tabindex="0">Name</th> 
          <th colspan="1" rowspan="1" style="width: 288px;" tabindex="0">Supplier Number</th> 
          <th colspan="1" rowspan="1" style="width: 40px;" tabindex="0">Actions</th> 
         </tr> 
        </thead> 
        <tbody> 
        <?php 
        $query = "SELECT bicc, name, supplier_number "; 
        $query .= "FROM ext_work_risk "; 
        $result = sqlsrv_query($dbhandle, $query); 
        $i=0; 
        while($fetch = sqlsrv_fetch_array($result)) 
        { 
         if($i%2==0) $class = 'even'; else $class = 'odd';       
         echo'<tr class="'.$class.'"> 
          <td>'.$fetch['bicc'].'</td> 
          <td>'.$fetch['name'].'</td> 
          <td>'.$fetch['supplier_number'].'</td>        <td><a class="modalButton" data-bicc="'.$fetch['bicc'].'"><button type="button" class="btn btn-info btn-sm" data-toggle="modal" data-target="#modal_edit" data-container="body">Edit</button></a></td> 
          </tr>';       
         } 
         ?> 
         </tbody> 
        </table> 
     </div> 
</div> 
<div id="modal_edit" class="modal fade" style="font-weight: normal;"> 
    <div class="modal-dialog"> 
      <div class="modal-content"> 

      </div> 
    </div> 
</div> 
<?php require 'style/footer.php' ?> 

<!-- Script Part --> 
<script type="text/javascript"> 
    $('.modalButton').click(function(){ 
     var bicc = $(this).attr('data-bicc'); 
     $.ajax({url:"modal/ajax_ext_risk_modal_edit.php?bicc="+bicc,cache:false,success:function(result){ 
      $(".modal-content").html(result); 
     }}); 
    }); 
</script> 

現在「莫代爾/ ajax_ext_risk_modal_edit.php」文件：

<?php 
$bicc = $_GET['bicc']; 
//DB connect settins 
require '../core/db_connect.php'; 
$query = "SELECT * "; 
$query .= "FROM ext_work_risk WHERE bicc='$bicc'"; 
$result = sqlsrv_query($dbhandle, $query); 
$fetch = sqlsrv_fetch_array($result); 
?> 
    <!-- Modal --> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
      <h4 class="modal-title">Edit Co-Worker</h4> 
     </div> 
     <div class="modal-body"> 
     <p>To edit just type the new date in the format <b>YYYY/MM/DD</b> and click save. 
      <form class="form-horizontal" role="form" method="POST" action="../core/process_ext_risk_modal.php"> 
       <div class="form-group"> 
       <label class="control-label col-sm-4">BI/CC:</label> 
       <div class="col-sm-7"> 
        <input class="form-control" id="bicc" name="bicc" readonly="readonly" value="<?php echo $fetch['bicc']; ?>"> 
       </div> 
       </div> 
       <div class="form-group"> 
       <label class="control-label col-sm-4">Name:</label> 
       <div class="col-sm-7"> 
        <input class="form-control" id="name" readonly="readonly" value="<?php echo $fetch['name']; ?>"> 
       </div> 
       </div> 
       <div class="form-group"> 
       <label class="control-label col-sm-4">Sup. Number:</label> 
       <div class="col-sm-7"> 
        <input class="form-control" id="supplier_number" readonly="readonly" value="<?php echo $fetch['supplier_number']; ?>"> 
       </div> 
       </div> 
      <div class="form-group"> 
      <label class="control-label col-sm-4">LOTO:</label> 
      <div class="col-sm-7"> 
       <input class="form-control" id="loto" name="loto" <?php $loto = $fetch['loto']->format('Y/m/d'); if ($loto == "2000/01/01") {echo "placeholder='Please insert date'";} else {echo "value='$loto'";} ?>> 
      </div> 
      </div> 
       <div class="form-group"> 
       <label class="control-label col-sm-4">Lift Platform:</label> 
       <div class="col-sm-7"> 
        <input class="form-control" id="lift_platform" <?php $lift_platform = $fetch['lift_platform']->format('Y/m/d'); if ($lift_platform == "2000/01/01") {echo "placeholder='Please insert date'";} else {echo "value='$lift_platform'";} ?>> 
       </div> 
       </div> 
      </form> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      <button type="button" class="btn btn-default btn-success" type="submit" name="submit" value="Submit">Save</button> 
     </div> 

當我打保存按鈕沒有任何反應。這裏是../core/process_ext_risk_modal.php文件：

<?php 
include("db_connect.php"); 
if(isset($_POST["save"])) { 
    $id = $_POST['bicc']; 
    $data = $_POST['loto']; 
    if(sqlsrv_query($dbhandle, "update ext_work_risk set loto='$data' where bicc='$id'")) 
    echo 'success'; 
} 
?> 

這最後一個文件僅僅是當然，我會的形式提交更新更多的數據的測試。

謝謝

Answer 1

我剛剛發現的問題由於弗雷德-II提示：

因此，這裏是以前的代碼塊：

</form> 
</div> 
<div class="modal-footer"> 
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    <button type="button" class="btn btn-default btn-success" type="submit" name="submit" value="Submit">Save</button> 
</div> 

而現在的糾正一個：

</div> 
    <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button class="btn btn-default btn-success" type="submit" name="submit" value="Submit">Save</button> 
    </div> 
</form> 

也改變if(isset($_POST["save"]))至if(isset($_POST["submit"]))。主要問題是提交外部表單和定義在同一個按鈕上的兩種類型。