如何将查询字符串传递给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');
});