Javascript 单击菜单列表中的任何选项时，执行url的目标位于同一html文件中的另一个div标记内

我有一个侧面导航，动态菜单列表来自db。 当我单击menulist中的一个选项时，它应该在另一个div标记“content”内刷新，并在该标记内显示该相关菜单列表选项的呈现页面

为了简化，div标记应该作为动态iframe使用，拉取options href文件并在其中显示

这是我用PHP编写的菜单代码

<?php
require 'dbh.inc.php';
function show_menu(){
    global $conn;
    $menus = "";
    $menus .= gmm($conn);
    return $menus;
}
function gmm( $conn, $parent_id=NULL){
    $menu = "";
    $sql = "";
    $row="";
    if(is_null($parent_id) ) {
         $sql="select * from `kitting` where `parent_id` is null";
    }
    else{
        $sql="select * from `kitting` where `parent_id`='$parent_id'";
    }
    $result = mysqli_query($conn,$sql) or die(mysqli_error($conn));
    while($row = mysqli_fetch_assoc($result)){
        if( $row['page']){
            $menu .='<li><p><span class="subtitle is-6 has-text-dark has-text-weight-semibold is-uppercase"><a href=./'.$row['page'].'>'.$row['title'].'</a></span></p></li>';
        }
        else{
            $menu .='<li><p><span class="subtitle is-6 has-text-dark has-text-weight-semibold is-uppercase"></span><a href="#">'.$row['title'].'</a></p></li>';
        }
        $menu .= '<ul class="menu-list">'.gmm($conn, $row['id']).'</ul>';
        $menu .= '';
     }
     return $menu;
    }


  ?>

---

您是否尝试使用模板？如果模板的文件名与每个$row['page']的动态值匹配，则可以将href更改为动态URL，如

myScript.php？父\u id=&template=$row['page']

$template=isset（$\u GET['template']）$_获取['template']：''

然后，在内容标记中包含匹配模板的路径

include（'/templates/'.$template..php'）
一个基本的例子，让你知道，在搜索多级垂直侧导航栏时，周围有很多导航栏


$（函数（）{
$（“#YourDivID”）。单击（函数（）{
$（“ul”）.slideToggle（）；
$（“ul”）.css（“显示”、“无”）；
});
$（“ul li”）。单击（功能（e）{
$（this.find（“ul”）.slideToggle（）；
$（this.find（“ul”）.css（“display”，“none”）；
e、 停止传播（）；
});
});


试验
点击我

测试1
测试2


您需要使用jquery
toggle（）隐藏/显示来做那件事你能私奔吗？嗨，凯蒂，谢谢你回答这个问题。你能详细说明一下吗？你说的模板是什么意思？在哪里包含此脚本？“myScript.php？parent_id=&template=$row['page']$template=isset（$\u GET['template']）？$\u GET['template']：”；动态值和页面名称匹配感谢您的帮助。菜单可以很好地与php脚本配合使用。我的问题是，每当我点击菜单时，url就会转到另一个页面并显示，但我想在同一个页面的名为“content”的div标记中显示，这意味着它只刷新content div标记，并将该特定页面显示在该div标记中。你能帮我吗？我查了很多网站，但找不到相关的。这是你的问题，我有一个侧菜单，动态菜单来自数据库显示。当我单击时，它必须在名为“content”的div标记中显示文件。我的回答和你的问题一样，你将被重定向到你链接的页面，当你点击一个url时，你必须删除url以使菜单工作，你的评论的答案你可以链接到这样的菜单：
，然后它将显示你点击的菜单。没有别的办法了。请编辑您的问题，清楚您需要什么。感谢您的解释，我们将进行相应的检查！
<div class="content">
data comes here dynamically
<div>