Modal中没有显示特定记录

时间:2014-05-10 06:31:57

标签: javascript php jquery twitter-bootstrap twitter-bootstrap-3

我想在弹出的模型中显示特定记录以进行编辑,下面是我正在使用的代码。弹出模态弹出窗口但只显示第一条记录。我不知道如何传递用户在我调用myModal的同一页面上点击的产品的ID。 请给我一些关于如何解决这个问题的提示。

View_product.php

<tbody role="alert" aria-live="polite" aria-relevant="all">
              <?php
 $query="SELECT * FROM tbl_product";
 $sql_q=mysql_query($query) or die(mysql_error());
  while($row = mysql_fetch_array($sql_q))
    {
    $productid=$row['pid'];
    $prodName= $row['product_name']; 
    $prodPrice= $row['product_price']; 

 ?>
              <tr class="odd">
                <td class=" sorting_1"><?=$prodName?></td>
                <td class="center "><?=$prodPrice?></td>
                <td class="center "> <a class="btn btn-info" data-toggle="modal" data-target="#myModalDetail" href="#myModalDetail"> <i class="fa fa-edit"></i> </a> </td>
              </tr>

              <? } ?>
            </tbody>

<div class="modal fade" id="myModalDetail">
  <?php require "edit_products.php"; ?>
</div>

edit_products.php

    <?php

     $productid=$productid;
     $query="SELECT * FROM tbl_product WHERE pid='".$productid."'";
     $sql_q=mysql_query($query);

        while($row = mysql_fetch_array($sql_q))
        {
            $productid=$row['pid'];
            $prodName= $row['product_name']; 
            $prodPrice= $row['product_price']; 

        }
    ?>

        <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</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="<?=$prodName ?>">
                      </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" value="<?=$prodPrice?>">
                      </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>

1 个答案:

答案 0 :(得分:0)

<tbody role="alert" aria-live="polite" aria-relevant="all">
<?php
$query="SELECT * FROM tbl_product";
$sql_q=mysql_query($query) or die(mysql_error());
while($row = mysql_fetch_array($sql_q))
{
$productid=$row['pid'];
$prodName= $row['product_name']; 
$prodPrice= $row['product_price']; 

?>
    <tr class="odd">
        <td class=" sorting_1"><?=$prodName?></td>
        <td class="center "><?=$prodPrice?></td>
        <td class="center "> 

            <!-- change data-target -->
            <a class="btn btn-info" data-toggle="modal" data-target="#myModalDetail-<?=$productid?>" href="#myModalDetail">
                <i class="fa fa-edit"></i>
            </a> 
            <!-- change data-target -->

            <!-- place this code inside the loop -->

            <div class="modal fade" id="myModalDetail-<?=$productid?>">
                <?php require "edit_products.php"; ?>
            </div>

            <!-- place this code inside the loop -->

        </td>
    </tr>

<? } ?>
</tbody>