Bootstrap Modal弹出窗口仅显示第一条记录。

Question

我想编辑记录，因为我正在使用twitter bootstrap模式弹出。我有一个视图产品页面，其中包含一个用于打开模式弹出窗口的按钮，但是目前我正在使用的代码在视图产品页面上只显示一条记录，但是我的数据库包含更多记录，如果我单击编辑则更多icon它只显示第一条记录，我也想知道如何在下一页上获取id，即editproducts.php我已经花了很多关于这个主题，但没有解决它，请提供建议帮助。感谢....

视图-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']; 
    $prodtype= $row['product_type'];
    $prodQty= $row['product_qty'];
    $description=$row['product_desc'];

 ?>
  <tr class="odd">
  <td class=" sorting_1"><?=$prodName?></td>
  <td class="center "><?=$prodPrice?></td>
  <td class="center "><?=$prodtype?></td>
  <td class="center "><?=$prodQty ?></td>
  <td class="center "><a class="btn btn-success" href="http://bootstrapmaster.com/live/simpliq2/table.html#"> <i class="fa fa-search-plus "></i> </a> <a class="btn btn-info" data-toggle="modal" data-target="#myModalDetail-<?=$productid?>" href="#myModalDetail"> <i class="fa fa-edit"></i> </a> <a class="btn btn-danger" href="http://bootstrapmaster.com/live/simpliq2/table.html#"> <i class="fa fa-trash-o "></i> </a></td>

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

    <? } ?>
</tbody>

edit_products.php

<?php

 $productid=$_REQUEST[$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']; 
        $prodtype= $row['product_type'];
        $prodQty= $row['product_qty'];
        $description=$row['product_desc'];
    }
?>


 <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="<?=$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" placeholder="Enter product price" value="<?=$prodPrice?>">
                  </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 class="row">
                  <div class="col-lg-4">
                    <div class="form-group">
                      <label>Product Quanity</label>
                    </div>
                  </div>
                  <div class="col-lg-6">
                    <input class="form-control" name="productQty" placeholder="Enter product Quantity">
                  </div>
                </div>
                <div class="row">
                  <div class="col-lg-4">
                    <div class="form-group">
                      <label>Upload Product Image</label>
                    </div>
                  </div>
                  <div class="col-lg-6">
                    <input type="file" name="productImg">
                  </div>
                </div>
                <div class="row">
                  <div class="col-lg-4">
                    <div class="form-group">
                      <label>Product Description</label>
                    </div>
                  </div>
                  <div class="col-lg-6">
                    <textarea class="form-control" name="productDesc" rows="3"></textarea>
                  </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>