使用javascript的下拉选项菜单

我已经创建了一个带有javascript下拉菜单的网站

这是我的menu.php文件

<select onchange="if (this.value) window.location.href=this.value">
<option value="/home.php">Home</option>
<option value="/aboutme.php">About Me</option>
<option value="/work.php">Work</option>
<option value="/contect.php">Contect Me</option>
</select>

家
关于我
工作
碰我

我在网站的每一页上都包含了这个文件。 它很好用

现在我想要的是：当我在“主页”的下拉菜单中点击关于我时，它应该将我重定向到关于我页面，而关于我页面的下拉菜单应该保持在关于我。到目前为止，它已成功重定向，但下拉菜单始终保持在“主页”上

有办法解决这个问题吗？还是应该为每个页面创建一个saparate文件

---

我很困惑。请提供帮助。

为您的选择提供一个id:

<select id="page" onchange="if (this.value) window.location.href=this.value">

并使用脚本：

<script>
  window.onload = function(){
    document.getElementById('page').value =  window.location.href;
  }
</script>

window.onload=函数（）{
document.getElementById（'page'）。value=window.location.href；
}

根据页面将所选属性设置为选项元素。它可以正常工作。您可能需要通过querystring传递值，并在目标页面上使用该值来相应地设置下拉列表。