下拉选项菜单与javascript

Dropdown option menu with javascript

本文关键字：javascript 菜单 选项      更新时间：2023-09-26

我创建了一个网站与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>

我在网站的每一页都包含了这个文件。

现在我想要的是:当我点击About me从下拉菜单在"home"它应该重定向到About me页面和下拉菜单在About me页面应该保持在About me。到目前为止，重定向成功，但下拉菜单始终停留在"Home"上。

有办法解决这个问题吗?或者我应该为每个页面创建一个单独的文件吗?

我很困惑。请帮助。

给你的select一个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>
相关文章：