Question

我有多个办公室网站在页面标题中使用相同的导航下拉菜单，以允许网站访问者轻松跳转到另一个办公室网站。我设计了下拉菜单，但我不确定如何处理服务器端编码方面，因此下拉菜单知道访问者当前所处的活动办公页面是什么。我有3个办公室网站：

办公地点1
办公地点2
办公地点3

我的菜单结构是:(也JSFIDDLE here）

<section id="ad_banner" class="container">
<div class="network">
<span class="abc_network">ABC Services</span>
    <div class="dropdown" style="display:inline-block;">
    <a href="#" data-toggle="dropdown" class="btn btn-default btn-sm dropdown-toggle">Office Location 1   <i class="fa fa-caret-down"></i></a>
        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
            <li role="presentation"><a role="menuitem" tabindex="1" href="index-header2.php">Office Location 2</a></li>
            <li role="presentation"><a role="menuitem" tabindex="1" href="index-header3.php">Office Location 3</a></li>
        </ul>
    </div>
</div>

我不想在添加新的办公地点时手动更新所有办公室页面，而是希望将下拉代码包含在我的办公室页面模板中（除非有人提出其他建议，否则我将使用PHP包含）。我猜我会在每个办公地点页面的顶部添加一个php变量，如$ page =“office location 1”，然后以某种方式将其添加到全局下拉菜单代码中。我只是不知道如何让下拉菜单自动选择页面。救命啊！

Answer 1

我使用iframe来实现这一目标。

编辑：这是小提琴：http://jsfiddle.net/yrf81u0c/5/

iframe代码：

<iframe src="#" width=100% height= 500px>
  <p>Your browser does not support iframes.</p>
</iframe>

Jquery：

 $('a').click(function(event){
 event.preventDefault();   
 var site = $(this).attr("href");
 $('iframe').attr("src",site);
 var value = $(this).text();
 $("#top").text(value);

});

使用PHP在下拉菜单中自动选择当前网站？

1 个答案: