データベースから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ループ内で埋められているので、あなたは、ループ内であなたの全体のモーダルコードを持っている必要がありますので

---

。

あなたのデータはDBから読み込まれているので、安全にするために$your_idを暗号化することが強く推奨されています。

Answer 2

Akhtarの答えに対する少しの変更。私は以下のコードを使用し、モーダルで最後にID

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

を、使用することをお勧めします。

<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 
      } 
     ?>