单击按钮php mysql后，在模式弹出窗口上显示基于选定id的数据

<tbody><?php$counter = 1;$data = "SELECt * FROM family"; $result = $conn->query($data);    while($ser=mysqli_fetch_array($result)) {?>  <tr>    <td><center><?php echo $counter; $counter++; ?></center></td>    <td><center><?php echo $ser['fam_id'];?></center></td>    <td><center><?php echo $ser['fam_name']; ?></center></td>    <td>        <center> <a  href="#myModal" data-toggle="modal" data-target="#myModal" data-id="<?php echo $ser["fam_id"]; ?>" data-addr="<?php echo $ser['fam_add']; ?>" data-phone="<?php echo $ser['fam_phone']; ?>" data-name="<?php echo $ser['fam_name']; ?>">   <button >     Edit Attendance Status   </button> </a>        </center>

将此代码放在 footer.php 或此页面末尾。

<div  id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">    <div >        <div >        </div>    </div></div>

通过ajax调用您的“ somepage.php”（单独的页面。将此放置

<script></script>

<script>$('.modallink').click(function(){    var famID=$(this).attr('data-id');    var famAddr=$(this).attr('data-addr');    var famPhone=$(this).attr('data-phone');    var famName=$(this).attr('data-name');    $.ajax({url:"somepage.php?famID="+famID+"&famAddr="+famAddr+"&famPhone="+famPhone+"&famName="+famName,cache:false,success:function(result){        $(".modal-content").html(result);    }});});</script>

somepage.php 创建somepage.php（如果您想更改此页面名称。也进行更改

<script></script>

<?$famID=$_GET['famID'];$famAddr=$_GET['famAddr'];$famPhone=$_GET['famPhone'];$famName=$_GET['famName'];?><div >    <button type="button"  data-dismiss="modal"><span aria-hidden="true">&times;</span><span >Close</span></button>    <h4  id="fam_id">Name <?php echo $famName;?></h4></div><div >    <form id="form1" method="post">        <b>Details</b>        <hr></hr>        Address: <p><?php echo $famAddr;?></p>        Phone_num: <p><?php echo $famPhone;?></p>    </form></div><div >    <button type="button"  data-dismiss="modal">Close</button></div>