📄 select.jsp
字号:
<%@ page language="java" contentType="text/html;charset=GBK" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
<meta http-equiv="expires" content="Wed, 26 Feb 1970 08:21:57 GMT" />
<script language="javascript" type="text/javascript">
var ary_1=new Array();
ary_1[0]="3;台式机";
ary_1[1]="4;笔记本";
ary_1[2]="5;掌上电脑";
var ary_2=new Array();
ary_2[0]="6;数码照像机";
ary_2[1]="7;数码DV";
function selectType(){
var mySelect=window.document.getElementById("mySelect");
var myMin=window.document.getElementById("myMin");
var selectObj=mySelect.options.value;
myMin.options.length=0;
myMin.options.add(new Option("所有类别",""));
if(selectObj!=""){
var myAry=eval("ary_"+selectObj);
for(i=0;i<myAry.length;i++){
var op=myAry[i].indexOf(";");
var valuetObj=myAry[i].substring(0,op);
var textObj=myAry[i].substring(op+1);
var opObj=new Option(textObj,valuetObj);
myMin.options.add(opObj);
}
}
}
</script>
</head>
<body>
<table border="1">
<tr>
<td>大类</td>
<td>
<select id="mySelect" onChange="selectType();">
<option value="">所有类别</option>
<option value="1">电脑</option>
<option value="2">数码产品</option>
</select>
</td>
<td>小类</td>
<td>
<select id="myMin">
<option value="">所有小类</option>
</select>
</td>
</tr>
</table>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -