使用javascript下拉选项菜单_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>

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

现在我想要的是：当我点击“home”中的下拉菜单中的aboutMe时 ，它应该将我重定向到About Me页面 ， aboutme页面中的下拉菜单应该保留在我左右 。 到目前为止，它已成功重定向，但下拉菜单始终保持在“Home”。

有办法解决这个问题吗？ 或者我应该为每个页面创建一个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>

使用javascript下拉选项菜单

问题描述

1楼