javascript - 使用javascript的下拉选项菜单

Question

我创建了一个带有 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>

我已将此文件包含在网站的每个页面上。它工作正常。

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

有办法解决吗？还是应该为每个页面创建一个单独的文件？

我很困惑。请帮忙。

Answer 1

给你的选择一个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>