Javascript 如何使用php循环将值传递到弹出窗口

我想将产品id传递到同一页面的弹出窗口。如何将id传递到弹出窗口？这是我的代码：

显示表中的所有产品：

<?php $data = mysql_query("select * from tbl_product") ;
    while($dat=mysql_fetch_array($data))
    {
        $id=$dat['id']

       ?>
       <a href="<?php echo $id ?> " class="mymodel" data-detail-id=<?php echo $id ?> data-toggle="modal" data-target="#myModal">  
       <div class="col-sm-4 col-xs-12"  style="cursor:pointer;">
       <div class="col-md-12" >

       <img src="../admin/product_image/<?php echo $dat['image'] ?>" >

       <h4><?php echo $dat['name'] ?></h4>
       </div></div></a>
       <?php  } ?>

javascript:

   <script type="text/javascript">
   $('#myModal').on('shown.bs.modal', function () {
   $('#myInput').focus()
   })</script>

$（'#myModal'）.on（'show.bs.modal'，function（）{
$（'#myInput'）.focus（）
})

弹出窗口代码：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog"       aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">    
 <?php
 $data = mysql_query("select * from tbl_product where id='$id'") ;
    while($dat=mysql_fetch_array($data))
    {
        $id=$dat['id'] ;
    } 
    ?>
   <div class="col-md-6" style="margin-bottom:30px;">
   <?php echo $id ?>
   </div>
   </div></div>

出于安全原因，您应该考虑使用mysqli或PDO连接到数据库。这不是数据库错误，我如何将值传递给popup？您好，creative，您首先需要了解，尽管您可以传递值，但您正在调用的模式位于同一页面上，因此您的php代码不会执行，相反，当页面加载时，它只执行一次，就是这样。您应该尝试通过ajax调用不同的url，然后通过弹出窗口显示结果。请解释如何做到这一点？或者给我发送一个示例代码。