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

从数据库获取信息

$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>';

}

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

cjzmly123 回答:如何在单个页面上放置许多显示/隐藏功能?

为什么只能创建一个并使所有按钮都可以使用的功能呢?

在页面末尾添加以下代码:

<script type="text/javascript">
function replyToCommentFunction(x) {
    if(x.style.display === "block") {
        x.style.display = "none";
    } else {
        x.style.display = "block";
    }
}
</script>

将按钮编辑为此:

<button name="replyToComment" class="videoCommentsReplyButton" onClick="replyToCommentFunction(this);">Reply</button>
,

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

本文链接:https://www.f2er.com/2821877.html

大家都在问