javascript - 我应该对函数参数进行哪些更改才能链接到另一个页面?

标签 javascript drop-down-menu

大家好,我是网络编程的新手,所以请帮助我解决这个问题。我正在尝试将从另一个论坛获得的两个下拉列表链接在一起,然后尝试根据所选选项将“转到”按钮链接到另一个网页。为了转到另一个页面,我得到了该功能,但是当我尝试链接时它不起作用

这是代码。有两个函数 1. 用于链接下拉列表 2. 用于转到另一个页面。但它不起作用,因为我已经编写了 onClick 函数转到新页面。

<html>
<head>
<script type="text/javascript">
function setOptions(chosen) {
var selbox = document.myform.opttwo;

selbox.options.length = 0;
if (chosen == " ") {
selbox.options[selbox.options.length] = new Option('Please select one of the options        above first',' ');

}
if (chosen == "1") {
selbox.options[selbox.options.length] = new
Option('http://www.google.com','oneone');
selbox.options[selbox.options.length] = new
Option('first choice - option two','onetwo');
}
if (chosen == "2") {
selbox.options[selbox.options.length] = new
Option('second choice - option one','twoone');
selbox.options[selbox.options.length] = new
Option('second choice - option two','twotwo');
}
if (chosen == "3") {
selbox.options[selbox.options.length] = new
Option('third choice - option one','threeone');
selbox.options[selbox.options.length] = new
Option('third choice - option two','threetwo');
}
}
</script>
<SCRIPT LANGUAGE="JavaScript">
<!--
function JumpToIt(frm) {
var newPage = frm.url.options[frm.url.selectedIndex].value
if (newPage != "None") {
    location.href=newPage
}
}
//-->
</SCRIPT>
</head>
<form name="myform"><div align="center">
<select name="optone" size="1"
onchange="setOptions(document.myform.optone.options
[document.myform.optone.selectedIndex].value);">
<option value=" " selected="selected"> </option>
<option value="1">First Choice</option>
<option value="2">Second Choice</option>
<option value="3">Third Choice</option>
</select><br> <br>
<select name="opttwo" size="1">  
<option value=" " selected="selected">Please select one of the options above     first</option>
</select>
<INPUT TYPE=BUTTON VALUE="Go!" onClick="JumpToIt(this.myform)">
</div></form>
</html>

所以请有人告诉我我应该在 onclick 函数中写什么,以便它会转到链接的页面。

最佳答案

第二个下拉菜单填充正确吗?我的印象是,要创建一个新选项,您可以使用 document.createElement("option") ,如下所示:

var opt = document.createElement("option");
opt.text = "text";
opt.value = "value";
selbox.options[selbox.options.length] = opt;

但是,我认为主要问题是表单中没有 id 或名称为“url”的元素。我相信你需要改变

var newPage = frm.url.options[frm.url.selectedIndex].value

var newPage = frm.opttwo.options[frm.opttwo.selectedIndex].value

关于javascript - 我应该对函数参数进行哪些更改才能链接到另一个页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9164485/

相关文章:

html - 下拉菜单错误?

jquery - 如何使用 jQuery 向 DropDownList 添加选项?

html - Twitter Bootstrap 下拉菜单问题

java - 下拉更改时基于 Jquery Ajax 调用服务器端方法启用/禁用复选框

c# - 如何将下拉列表值作为存储过程的参数传递

javascript - i var 在 for 循环内未定义

javascript - 按值对对象属性进行排序

javascript - 动态创建按钮时如何交变量?

javascript - 没有编辑器的 headerFilterParams

Javascript Vert.x EventBus 客户端 SockJS 获取主机和连接端口