使用javascript下拉选项菜单

时间:2015-07-17 09:34:54

标签: javascript html

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

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

现在我想要的是:当我点击&#34; home&#34;中的下拉菜单中的 aboutMe 时它应该将我重定向到关于我页面 aboutme 页面中的下拉菜单应保留在关于我。到目前为止,它已成功重定向,但下拉菜单始终保持在&#34; Home&#34;。

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

我很困惑。请帮助。

1 个答案:

答案 0 :(得分:3)

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