html下拉框跳转问题怎么弄？
展开全部
两个下拉框，第一个里面有A,B两个选项，第二个里面有X,Y两个选项。后面有一个按钮。怎么做到选A和X时候点击按钮跳转1.html。选择A和Y的时候跳转2.html。选择B和X跳转3.html。选择B和Y跳转4.html。
代码如下：
<html>
<head>
<title>TEST</title>
<script language="JavaScript">
function openPage(){
var str1 = document.getElementById("set1").value;
var str2 = document.getElementById("set2").value;
if (str1 == 0 && str2 == 0){
window.location.href='A.html';
}
if (str1 == 0 && str2 == 1){
window.location.href='B.html';
}
if (str1 == 1 && str2 == 0){
window.location.href='C.html';
}
if (str1 == 1 && str2 == 1){
window.location.href='D.html';
}
}
</script>
</head>
<body>
<form name="form1" >
<table>
<tr>
<td>
<select id="set1">
<option selected="" value="0">A</option>
<option value="1">B</option>
</select>
</td>
</tr>
<tr>
<td>
<select id="set2">
<option selected="" value="0">X</option>
<option value="1">Y</option>
</select>
</td>
</tr>
</table>
<br>
<input type="button" name="btnOK" value="OK" onclick="openPage()" />
</form>
</body>
</html>
自己在写有上面代码的html文件的同一个目录下添加ABCD四个html文件
代码如下：
<html>
<head>
<title>TEST</title>
<script language="JavaScript">
function openPage(){
var str1 = document.getElementById("set1").value;
var str2 = document.getElementById("set2").value;
if (str1 == 0 && str2 == 0){
window.location.href='A.html';
}
if (str1 == 0 && str2 == 1){
window.location.href='B.html';
}
if (str1 == 1 && str2 == 0){
window.location.href='C.html';
}
if (str1 == 1 && str2 == 1){
window.location.href='D.html';
}
}
</script>
</head>
<body>
<form name="form1" >
<table>
<tr>
<td>
<select id="set1">
<option selected="" value="0">A</option>
<option value="1">B</option>
</select>
</td>
</tr>
<tr>
<td>
<select id="set2">
<option selected="" value="0">X</option>
<option value="1">Y</option>
</select>
</td>
</tr>
</table>
<br>
<input type="button" name="btnOK" value="OK" onclick="openPage()" />
</form>
</body>
</html>
自己在写有上面代码的html文件的同一个目录下添加ABCD四个html文件
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
