将所选选项设置为移动到另一个页面时的默认下拉列表选项

Question

我在我的网站上创建了一个移动菜单，内容如下：

<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>

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

例如，如果用户点击了辅导，页面将重新加载到辅导页面。进入辅导页面后，我希望下拉菜单默认显示"辅导"。

请注意，如果用户单击"项目"，他们将被发送到"../projects/all"，而不仅仅是"/projects"。

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

注意：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>

与"为他人执行"链接相同