将 id 从数据库传递到打开模式

Question

这是代码，其中所有优惠券表数据都显示有获取代码按钮。我无法发送选定的优惠券 ID 以打开模式。她是成功显示所有数据的代码。下面是模式代码，我必须在其中传递优惠券 ID。

代码完美运行..

  <?php
 $q=mysqli_query($con,"  SELECT c.* , sc.* , sm.* ,ca.* from store_category sc INNER JOIN store_manufacture sm ON sm.sm_id=sc.store_id INNER JOIN categories ca ON ca.cat_id=sc.cat_id INNER JOIN coupons c on c.c_sc_id=sc.sc_id ");
 while($row1=mysqli_fetch_array($q,MYSQLI_ASSOC)) {
  $h = strpos($row1['sm_link'],'http');
 ?>
 <div id="popular" class="tab-pane counties-pane active animated fadeIn">
 <div class="coupon-wrapper row">
 <div class="coupon-data col-sm-2 text-center">
  <div class="savings text-center">
  <div>
  <div class="large"><?php echo $row1['c_name'] ?></div>
  <div class="type"><?php echo $row1['sm_brand_name'] ?></div>
   </div> </div> </div>
  <div class="coupon-contain col-sm-7">
  <h4 class="coupon-title"><a href="<?php echo ($h !== FALSE)?$row1['sm_link']:"http://".$row1['sm_link'] ?>" target="_blank"><?php echo $row1['c_description']?></a></h4>
   <p data-toggle="collapse" data-target="#1">Shop these Shopname deals of the day to save as much...</p>
   <p id="1" class="collapse">Don't miss out on all the coupon savings.Get you coupon now and save big</p>
     </div>
    <div class="button-contain col-sm-3 text-center">
    <p class="btn-code" data-toggle="modal" data-target=".couponModal">
    <span class="partial-code"><?php echo $row1['c_code'] ?></span> 
    <span class="btn-hover">Get Code</span></p>
    </div></div> </div>
      <?php
           }
       ?>

模态在同一页面上。

<?php
 // can't get the query for the selected coupon code to open this modAL
?>
  <div class="coupon_modal modal fade couponModal" tabindex="-1" role="dialog">
  <div class="modal-dialog modal-lg" role="document">
  <div class="modal-content">
  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 <span aria-hidden="true"><i class="ti-close"></i></span></button>
 <div class="coupon_modal_content">
 <div class="row">
  <div class="col-sm-10 col-sm-offset-1 text-center">
  <h2><?php echo $row1['c_name'] ?></h2>
  <p><?php echo $row1['c_description'] ?></p>
  </div><div class="row">
  <div class="col-sm-12"><h5 class="text-center text-uppercase m-t-20 text-muted">Click below to get your coupon code</h5></div>
  <div class="col-sm-4 col-sm-offset-4 col-xs-6 col-xs-offset-3">
  <a href="#" target="_blank" class="coupon_code alert alert-info"><span class="coupon_icon">
   <i class="ti-cut hidden-xs"></i></span> <?php echo $row1['c_code'] ?> </a></div></div> </div></div>
                        <!-- end: Coupon modal content -->
  </div></div></div> </div> <!-- end: Modall --></div>
        <?php
        }
        ?>

Answer 1

只需将要转移的 ID 附加到优惠券模式名称即可。

<p class="btn-code" data-toggle="modal" data-target=".couponModal_<?php echo $your_id; ?>">

最后，在 Modal 中，使用下面的代码。

<div class="coupon_modal modal fade couponModal_<?php echo $your_id; ?>" tabindex="-1" role="dialog">

希望这行得通。

---

由于您的数据是在 PHP 的 while 循环中填充的，因此您需要在循环中包含整个模式代码。

澄清一下，由于您的数据是从数据库中填充的，因此强烈建议对 $your_id 进行加密以确保其安全。

Answer 2

对 Akhtar 的回答稍作修改。我会推荐使用ID

<p class="btn-code" data-toggle="modal" data-target="#couponModal_<?php echo $row1['c_id'] ?>">

最后，在 Modal 中，使用下面的代码。

<div class="coupon_modal modal fade" id="couponModal_<?php echo $row1['c_id'] ?>"  tabindex="-1" role="dialog">

//完整代码

<?php
 $q=mysqli_query($con,"  SELECT c.* , sc.* , sm.* ,ca.* from store_category sc INNER JOIN store_manufacture sm ON sm.sm_id=sc.store_id INNER JOIN categories ca ON ca.cat_id=sc.cat_id INNER JOIN coupons c on c.c_sc_id=sc.sc_id ");
 while($row1=mysqli_fetch_array($q,MYSQLI_ASSOC)) {
  $h = strpos($row1['sm_link'],'http');
 ?>
<p class="btn-code" data-toggle="modal" data-target="#couponModal_<?php echo $row1['c_id'] ?>">
 <div id="popular" class="tab-pane counties-pane active animated fadeIn">
 <div class="coupon-wrapper row">
 <div class="coupon-data col-sm-2 text-center">
  <div class="savings text-center">
  <div>
  <div class="large"><?php echo $row1['c_name'] ?></div>
  <div class="type"><?php echo $row1['sm_brand_name'] ?></div>
   </div> </div> </div>
  <div class="coupon-contain col-sm-7">
  <h4 class="coupon-title"><a href="<?php echo ($h !== FALSE)?$row1['sm_link']:"http://".$row1['sm_link'] ?>" target="_blank"><?php echo $row1['c_description']?></a></h4>
   <p data-toggle="collapse" data-target="#1">Shop these Shopname deals of the day to save as much...</p>
   <p id="1" class="collapse">Don't miss out on all the coupon savings.Get you coupon now and save big</p>
     </div>
    <div class="button-contain col-sm-3 text-center">
    <p class="btn-code" data-toggle="modal" data-target=".couponModal">
    <span class="partial-code"><?php echo $row1['c_code'] ?></span> 
    <span class="btn-hover">Get Code</span></p>
    </div></div> </div>

<div class="coupon_modal modal fade couponModal" tabindex="-1" role="dialog" id="couponModal_<?php echo $row1['c_id'] ?>">
  <div class="modal-dialog modal-lg" role="document">
  <div class="modal-content">
  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 <span aria-hidden="true"><i class="ti-close"></i></span></button>
 <div class="coupon_modal_content">
 <div class="row">
  <div class="col-sm-10 col-sm-offset-1 text-center">
  <h2><?php echo $row1['c_name'] ?></h2>
  <p><?php echo $row1['c_description'] ?></p>
  </div><div class="row">
  <div class="col-sm-12"><h5 class="text-center text-uppercase m-t-20 text-muted">Click below to get your coupon code</h5></div>
  <div class="col-sm-4 col-sm-offset-4 col-xs-6 col-xs-offset-3">
  <a href="#" target="_blank" class="coupon_code alert alert-info"><span class="coupon_icon">
   <i class="ti-cut hidden-xs"></i></span> <?php echo $row1['c_code'] ?> </a></div></div> </div></div>
                        <!-- end: Coupon modal content -->
  </div></div></div> </div> <!-- end: Modall --></div>
      <?php
           }
       ?>