Question

<script type="text/javascript">
function jumpto(x)
{

if (document.form1.jumpmenu.value != "null") {
    document.location.href = x
    }
}
</script>
<body onLoad="startup()">
<form name="form1">
<select name="jumpmenu" onChange="jumpto(document.form1.jumpmenu.options[document.form1.jumpmenu.options.selectedIndex].value)">
<option>Jump to...</option>
<option value="http://www.ecortes.brinkster.com/">Homepage</option>
<option value="htttp://www.google.com/">Aesop's Fables</option>
<option value="http://www.quackit.com/html/">HTML</option>
<option value="http://www.quackit.com/css/">CSS</option>
<option value="http://www.quackit.com/sql/tutorial">SQL</option>
<option value="http://www.quackit.com/database/tutorial">Database Tutorial</option>
<option value="http://www.xtechride.com">Web Hosting Tutorial</option>
</select>
</form>

所以我的javascript代码应该创建一个跳转菜单，但是一旦我加载网站就会显示跳转菜单，但链接不会将我重定向到我写的链接。任何帮助弄清楚错误可能是什么将不胜感激。

Answer 1

您可以使用一些非常现代的HTML和JavaScript实践来大幅简化这一过程。

<script type="text/javascript">
function jumpto()
{
  if (this.value) {
    document.location.href = this.value;
  }
}
</script>

<form>
  <select onchange="jumpto()">

Javascript跳转菜单无法正常工作

1 个答案: