单击按钮时如何将数据填充到引导模式?

时间:2013-09-14 21:49:15

标签: php jquery twitter-bootstrap modal-dialog

我想在点击按钮时填充每个数组值:

    while($row=mysql_fetch_array($qry)){
                                        $prodId = $row["ProductID"];
                                        $imgID = $row["ImageID"];
                                        $prodName = $row["ProductName"];
                                        $prodPrice = $row["ProductPrice"];
                                        $prodDesc = $row["prodDesc"];
                                        $imgURL = $row["ImageUrl"];
                                        $proNum = $prodId;
                                        $dynamicListCol1 = '<div class="thumbnail" style="margin-bottom:10px;">
    <img src="' . $imgURL . '" width="200" height="300" class="img-responsive" alt="Responsive image">
    <center>
    <div class="caption">
    <h4>' . $prodName . '</h4>
    <p>Price: $' . $prodPrice . ' <br>Description: ' . $prodDesc . ' <br></p>
     <a data-toggle="modal" href="#cartModal">
      <button type="submit" class="btn btn-success" id="btnCart">
       <i class="icon-shopping-cart"></i> Cart it</button>
     </a>
     <a data-toggle="modal" href="#prodModal"><button type="submit" class="btn btn-info">
     <i class="icon-search"></i> View it</button>
     </a>
    </div>
   </center>
</div>';
echo $dynamicListCol1;

我想在点击$prodName时获取$prodPricebtnCart的每个值。 并将其填充到模态中的表格中。

Product    Price
Ebook      $200
Ebook2     $150

等等......

1 个答案:

答案 0 :(得分:0)

你必须编写JS代码,每次点击一个按钮时都会发送一个AJAX请求。在此AJAX请求中,您将填充数据并发送回浏览器准备好的HTML,就像您在问题中生成的那样。收到回复后,您的JS代码必须显示TB模式弹出窗口,并在AJAX响应中收到HTML。