我正在嘗試創建一個網頁，其中包含一堆帶有數據庫信息的卡片。每張卡片上都會有一個“更多信息”按鈕將創建一個彈出模式，其中包含與該卡片相同的信息以及更多信息。我知道我需要一個 while 循環來生成模態，并單獨為模態提供不同的 ID。我已經使用“id”完成了必要的操作數據庫中唯一的列當我單擊按鈕時，我確實得到了模態，但唯一的問題是，無論我單擊哪個按鈕，模態都會顯示最后一張卡片的信息（例如標題、字段、概要、描述）。所有的卡片都顯示了它們的個人信息。聽起來我的 while 循環有問題？我確實檢查了源代碼&它確實正確地在每張特定卡片下方顯示帶有自己 id 的各個模態（具有正確的 id，例如 1、2、3、4。）請提供幫助。<?php include("Config.php"); $query = ("SELECT * FROM proj"); $result = mysqli_query($conn, $query) or die( mysqli_error($conn)); while($test = mysqli_fetch_array($result)) { ?> <div class="card"><div class="container1"> <div class="card-text"> <h4><b><?php echo $test['title']; ?></b></h4> <b>field: </b><?php echo $test['field']; ?></br> <p><?php echo $test['synopsis']; ?></p> <!-- Trigger/Open The Modal --> <button id="myBtn<?php echo $test['id']; ?>">More Info</button> <!-- The Modal --> <div id="myModal<?php echo $test['id']; ?>" class="modal"> <!-- Modal content --> <div class="modal-content"> <span class="close">×</span> <h4><b><?php echo $test['title']; ?></b></h4> <p><b>field: </b><?php echo $test['field']; ?></p> <p><?php echo $test['synopsis']; ?></p> <p><?php echo $test['description']; ?></p> <script>// Get the modalvar modal = document.getElementById("myModal<?php echo $test['id']; ?>");// Get the button that opens the modalvar btn = document.getElementById("myBtn<?php echo $test['id']; ?>");// Get the <span> element that closes the modalvar span = document.getElementsByClassName("close")[0];// When the user clicks the button, open the modal btn.onclick = function() { modal.style.display = "block";}// When the user clicks on <span> (x), close the modalspan.onclick = function() { modal.style.display = "none";}
循環中的多個模態顯示相同的信息而不是不同的信息
慕運維8079593
2023-12-19 10:40:42
