如何在单个页面上放置许多显示/隐藏功能？

Question

从数据库获取信息

$video_id = $_GET['id'];
$query = "SELECT * FROM video_comments WHERE video_id = :video_id";
$stmt = $pdo->prepare($query);
$stmt->bindValue(':video_id',$video_id);
$stmt->execute();

while($row = $stmt->fetch(PDO::FETCH_ASSOC)) {

$id = $row['id']; // The id for each comment

// Show/Hide Script
echo '<script>function replyToCommentFunction'.$id.'() {
var x = document.getElementById("replyToComment'.$id.'");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}</script>';

<button name="replyToComment" class="videoCommentsReplyButton" onClick="replyToCommentFunction'.$id.'()">Reply</button>

// The Div to show...
echo '<div id="replyToComment'.$id291.'">';
echo 'Hello, World!';
echo '</div>';

}

我以为我有这个工作。但是现在，该页面上只有“答复”按钮之一。最近的回复按钮刷新了页面，这使我感到困惑，因为不存在任何脚本或操作，该脚本或操作会告诉它提交表单或刷新页面。我将不胜感激。谢谢。

Answer 1

您可以尝试在刷新页面的按钮中添加type =“ button”吗？