Modal彈出所有記錄的相同信息

Question

我正在循環使用foreach循環的DIV。我的PHP是這樣的：

<?php foreach ($record as $row) { //looping the records ?> 
    <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> 
    Launch demo modal 
    </button> 

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog" role="document"> 
     <h4><?php echo get_userdetails_byid($row['user_id']); ?></h4> 
    </div> 
    </div> 
    <?php } ?> 

和模態始終顯示在循環的第一個條目。但是在HTML源代碼中，我可以看到的所有記錄。我如何分別觸發每個結果？

Answer 1

data-target="#myModal"將使用id屬性。和多個element s不能有相同的id。對於不同的modal使用不同的id。

<?php 
    $i = 0; 
    foreach ($record as $row) { //looping the records 
?> 
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal<?php echo $i;?>"> 
Launch demo modal 
</button> 

<div class="modal fade" id="myModal<?php echo $i;?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
<div class="modal-dialog" role="document"> 
    <h4><?php echo get_userdetails_byid($row['user_id']); ?></h4> 
</div> 
</div> 
<?php 
    $i++; 
} 
?>