html下拉框跳转问题
我想做个东西，有2个下拉选项a和b，a对应的网址是a.com，b对应的网址是b.com,下拉框后面有个输入框，然后在里面输入10086，当选择下拉框里的a选项时，点击提交...
我想做个东西，有2个下拉选项a和b，a对应的网址是a.com，b对应的网址是b.com,下拉框后面有个输入框，然后在里面输入10086，当选择下拉框里的a选项时，点击提交，跳转到a.com/10086,
当选择下拉框里的b选项时，点击提交，跳转到b.com/10086,
请问代码怎么写啊，我需要详细代码，谢谢 展开
当选择下拉框里的b选项时，点击提交，跳转到b.com/10086,
请问代码怎么写啊，我需要详细代码，谢谢 展开
3个回答
展开全部
两个下拉框，第一个里面有A,B两个选项，第二个里面有X,Y两个选项。后面有一个按钮。怎么做到选A和X时候点击按钮跳转1.html。选择A和Y的时候跳转2.html。选择B和X跳转3.html。选择B和Y跳转4.html。（bbs.houdunwang.com）
代码如下：
<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文件
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你想要的代码如下，看不懂追问
<form method="post" enctype="multipart/form-data" >
<select name="aaa" id="aaa">
<option value="">选择</option>
<option value="a.com">a</option>
<option value="b.com">b</option>
</select>
输入框：<input type="text" id="shuru" value="" />
<input type="button" name="" value="提交" id="tijiao"/>
</form>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(function(){
$("#tijiao").click(function(){
var host = $("#aaa").val();
var shuru = $("#shuru").val();
if(host == ''){
alert('请选择！');
return;
}
window.location.href = 'http://' + host + '/' + shuru;
});
});
</script>
<form method="post" enctype="multipart/form-data" >
<select name="aaa" id="aaa">
<option value="">选择</option>
<option value="a.com">a</option>
<option value="b.com">b</option>
</select>
输入框：<input type="text" id="shuru" value="" />
<input type="button" name="" value="提交" id="tijiao"/>
</form>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(function(){
$("#tijiao").click(function(){
var host = $("#aaa").val();
var shuru = $("#shuru").val();
if(host == ''){
alert('请选择！');
return;
}
window.location.href = 'http://' + host + '/' + shuru;
});
});
</script>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
两个下拉列表 内容如 <option value="b.com/">..等， 绑定一个change事件获取到选中的value值，用变量存起来，提交的时候 获取出入的 10066等内容 和 value拼接起来 =url 地址，然后在 window.location = url; 就行了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
