杭州交通信息网医用卡式消毒锅:请教：javascript验证option选中的值，并依此值转到对应的页面？
来源：百度文库 编辑：杭州交通信息网 时间：2024/04/28 01:52:27
<script language=javascript>
function button1_onclick()
{
……
switch (……）
case 0
……
case 1
……
case 2
……
case 3
……
}
</script>
<form name="form1" method="post" action="">
<div align="center">
<input name="texttype" type="text" id="texttype" size="30" maxlength="30">
<select id="select1" size="1">
<option value="0">书籍名称</option>
<option value="1">作者</option>
<option value="2">书籍所属行业</option>
<option value="3">关键说明</option>
</select>
<INPUT type="submit" value="查找" id="button1" name="button1" onclick="button1_onclick()">
谢谢各位，问题已经解决！以后还得麻烦大家！谢谢！
<script language=javascript>
function button1_onclick()
{
var select1=document.getElementById("select1");
switch (select1.value)
{
case "0" :
alert("你选择的是书籍名称");
window.location.href="1.html";
break;
case "1" :
alert("你选择的是作者");
window.location.href="2.html";
break;
case "2" :
alert("你选择的是书籍所属行业");
window.location.href="3.html";
break;
case "3" :
alert("你选择的是关键说明");
window.location.href="4.html";
break;
}
}
</script>
<form name="form1" method="post" action="">
<div align="center">
<input name="texttype" type="text" id="texttype" size="30" maxlength="30">
<select id="select1" size="1">
<option value="0">书籍名称</option>
<option value="1">作者</option>
<option value="2">书籍所属行业</option>
<option value="3">关键说明</option>
</select>
<INPUT type="button" value="查找" id="button1" name="button1" onclick="button1_onclick()">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<script language=javascript>
function button1_onclick()
{
var selectObj = document.getElementById("select1");
switch(parseInt(selectObj.value)){
case 0:
alert(1);
case 1:
alert(2);
case 2:
alert(3);
case 3:
alert(4);
break;
}
}
</script>
<form name="form1" method="post" action="">
<div align="center">
<input name="texttype" type="text" id="texttype" size="30" maxlength="30">
<select id="select1" size="1">
<option value="0">书籍名称</option>
<option value="1">作者</option>
<option value="2">书籍所属行业</option>
<option value="3">关键说明</option>
</select>
<INPUT type="submit" value="查找" id="button1" name="button1" onclick="button1_onclick()">
</BODY>
</HTML>
<form name="form1" method="post" action="">
<input name="texttype" type="text" id="texttype" size="30" maxlength="30">
<select name="select1">
<option value="0">书籍名称</option>
<option value="1">作者</option>
<option value="2">书籍所属行业</option>
<option value="3">关键说明</option>
</select>
<input type="submit" value="查找"/>
</form>