Question

我使用下面的html在我的网站上创建了一个移动菜单：

＆＃13;

<select id="mobile-select" name="mobile-select" onchange="if (this.value) window.location.href=this.value">
    <option class="mobile-select-label" value>Navigation</option>
    <option class="mobile-select-label" value="http://www.themathsproject.co.uk/home">Home</option>
    <option class="mobile-select-label" value="http://www.themathsproject.co.uk/projects/all">Projects</option>
    <option class="mobile-select-label" value="http://www.themathsproject.co.uk/tutoring">Tutoring</option>
    <option class="mobile-select-label" value="http://www.themathsproject.co.uk/contact">Contact</option>
</select>

＆＃13;

当在下拉列表中选择一个选项时，它们会被发送到相应的页面。当在新页面上时，我希望默认选项（显示在下拉列表中）对应于新页面。

E.g。如果用户点击了辅导，该页面将重新加载到辅导页面。进入辅导页面后，我希望下拉菜单显示＆＃34;辅导＆＃34;默认情况下。

请注意，如果用户点击＆＃34;项目＆＃34;，他们将如何发送到＆＃34; ../ projects / all＆＃34;而不只是＆＃34; / projects＆＃34;。

我试图实现其他几种技术（在非常相似的堆栈交换问题上找到），但无法正常工作。

注意：onchange属性负责在选择完成后将用户定向到相应的页面。

非常感谢任何帮助，

杰克

Answer 1

1）您可以使用查询字符串
2）或者您也可以通过浏览器本地存储来实现 3）或cookie

Answer 2

您可以使用以下代码

$current_url  = 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'];
<option class="mobile-select-label" <?php echo ($current_url == 'http://www.themathsproject.co.uk/tutoring' ? 'selected' : '') ?> value="http://www.themathsproject.co.uk/tutoring">Tutoring</option>

与其他链接相同

移动到另一页时，将选定的选项默认选项设为下拉列表

2 个答案: