如何使用模态对话框回显数据库中不同行的不同数据?

时间:2015-08-20 20:32:18

标签: php html5

我有一个数据显示表,其中包含一个链接(Reserver的配置文件),该链接会弹出一个模式对话框,该对话框预计会根据每行显示数据库中的数据。 在我的情况下,即使我点击第二行和任何其他行上的链接,模态对话框也会在数据库的第一行显示数据。

<tbody>       
    <?php
    $result = mysqli_query($con,"SELECT * FROM general_reservation ");
    $count = mysqli_num_rows($result);
echo "<b><center><h3>Cars Reserved By Districts</h3></center></b><br><br>";

while($row=mysqli_fetch_array($result)){
    ?>

    <tr>
         <td><center><input type="checkbox" name="check[<?php echo $row['reservation_id'];?>]" value="1" ></center> </td>

           <td><input type="" name="car_type[]" value="<?php echo $row['car_type'];?>" readonly></label></td>
            <td><input style="width: 100px" type="" name="trim[]" value="<?php echo $row['trim'];?>" readonly></label></td>
            <td><input style="width: 80px" type="" name="year_made[]" value="<?php echo $row['year_made'];?>" readonly></label></td>
            <td><input style="width: 80px" type="" name="km[]" value="<?php echo $row['km'];?>" readonly></label></td>
            <td><input style=" background-color:<?php echo $row['exterior_colour'];?>; width: 55px;" type="" name=" exterior_colour[]" value="" readonly></label></td>
            <td><input type="" name="options[]" value="<?php echo $row['options'];?>" readonly></label></td>
            <td><input style="width: 65px" type="" name="quantity[]" value="<?php echo $row['quantity'];?>" readonly></label></td>
            <td><input type="" name="time[]" value="<?php echo $row['time'];?>" readonly></label></td>
            <td><textarea  type="" name="comment[]" value="<?php echo $row['comment'];?>" readonly><?php echo $row['comment'];?></textarea></td>
            <td><a  type="submit"  class="btn btn-link" data-toggle="modal" data-target="#myModal" >Reserver's Profile</a></td>

  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title"><center>Reserver</center></h4>
        </div>
        <div class="modal-body">
           <p >First Name: <?php echo $row['fname'];?> </p><br>
           <p >Last Name: <?php echo $row['lname'];?></p><br>
           <p >Mobile Number: <?php echo $row['mobile_number'];?></p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>
    </div> 
  </div>


    </tr>

    <?php } //end of while loop ?>

    </tbody>

1 个答案:

答案 0 :(得分:0)

您需要为模态添加唯一ID,然后更新:

 data-target="#myModal" 

例如,在行循环上方创建一个变量:

$i = 0;
while ( ... )
    # increment the pointer in the loop:

    $modal_id = 'myModal' . $i;
    $i ++;

然后将此唯一ID附加到每个模态

 data-target="#<?php echo $modal_id; ?>"

<div class="modal fade" id="<?php echo $modal_id; ?>" role="dialog">

注意:使用Ajax会更好,尽管它是一种更先进的技术。