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');
});

如何将查询字符串传递给php中的bootstrap模式弹出窗口

1 个答案: