select.jsp

来自「电子商城」· JSP 代码 · 共 61 行

JSP
61
字号
<%@ 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 + =
减小字号Ctrl + -
显示快捷键?