如何將查詢字符串傳遞給php中的引導模式彈出窗口

Question

我想在模式彈出窗口中打開特定記錄，因為我想使用查詢字符串將ID傳遞給該模式彈出窗口，該窗口在打開並顯示數據后即位於同一頁面上，用戶可以對其進行編輯並保存。

我的代碼如下：

<a class="btn btn-info" data-toggle="modal" data-target="#myModalDetail" href="#myModalDetail"> <i class="fa fa-edit"></i> </a>

<div class="modal fade" id="myModalDetail">
  <div class="modal-dialog">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
      <h4 class="modal-title">Edit Products Details</h4>
    </div>
    <div class="modal-body">
      <div class="row">
        <div class="col-lg-12">
          <form role="form" name="Insertdb" method="post" action="Insert_code/edit-products.php">
            <div class="row">
              <div class="col-lg-4">
                <div class="form-group">
                  <label>Product Name</label>
                </div>
              </div>
              <div class="col-lg-6">
                <input class="form-control" name="prodName" value="<?=$prodPrice ?>">
              </div>
            </div>
            <div class="row">
              <div class="col-lg-4">
                <div class="form-group">
                  <label>Product Price</label>
                </div>
              </div>
              <div class="col-lg-6">
                <input class="form-control" name="prodPrice" placeholder="Enter product price">
              </div>
            </div>
            <div class="row">
              <div class="col-lg-4">
                <div class="form-group">
                  <label>Product Type</label>
                </div>
              </div>
              <div class="col-lg-6">
                <input class="form-control" name="productType" placeholder="Enter product type">
              </div>
            </div>
          </div>
      </div>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      <input name="button1" type="submit" class="btn btn-primary"> 
      </form>
    </div>
  </div>
  <!-- /.modal-content --> 
</div>
<!-- /.modal-dialog -->
</div>
</div>

Answer 1

據我所能理解的問題，您在將ID傳遞給Modal時遇到問題，如果可以，則可以執行以下操作：

在您的a-href代碼中，使用data-id：

<a class="btn btn-info open_modal" data-toggle="modal" data-id="<?php echo productid;?>"   data-target="#myModalDetail" href="#myModalDetail"> <i class="fa fa-edit"></i> </a>

Javascript：

$(document).on("click", ".open_modal", function () {
var product_id = $(this).data('id');
});