日历

2008 11.19 Wed
      1
2345678
9101112131415
16171819202122
23242526272829
30      
«» 2008 - 11 «»

文章搜索

日志文章

2008年03月13日 16:56:23

JS二级菜单

<html>
<head>
<script language="javascript">
var arr = new Array();
<%
for(int i=0; i <areas.length; i++){
%>
arr[<%=i%>] = "<%=areas%>"
<%
}
%>


function changeTest(){
var provinceName = document.form1.select1.value;
for(var i=0; i<arr.length; i++){
var arr1 = arr.split(",");
if(provinceName == arr1[0]){
var num1 = arr1.length-1;
document.form1.select2.length=num1;
for(var j=1; j<arr1.length; j++){
document.form1.select2.options[j-1].text = arr1[j];
document.form1.select2.options[j-1].value = arr1[j];
}
}
}
}

function test(){
document.form1.submit();
}
</script>
</head>
<body class="FormBody">
<form action="" method="post" name="form1">
<tr>
<td>省份:</td>
<td>
<select name="select1" onchange="changeTest();">
<%
for(int i = 0; i < area.size(); i++){
String[] province = ((String)area.get(i)).split(",");
out.println("<option value=\"" + province[0] + "\" >" + province[0] + "</option>");
}
%>
</select>
</td>

<td>城市:</td>
<td>
<select name="select2">
<%
String[] province = ((String)area.get(0)).split(",");
for(int j = 1; j < province.length; j++){
out.println("<option value=\"" + province[j] + "\" >" + province[j] + "</option>");
}
%>
</select>
</td>
</tr>
<tr>
<td><input type="button" class="button" value="测试" onclick="test();"/></td>
</tr>
</form>
</body>
</html>

//得到省份与城市信息
List area = gmanage.getProvinceAndCity();
String[] areas = gmanage.changeToString(area);


http://www.163164.com/tx/





附件: 树形菜单工具.rar (3129 K)

附件: CSS.rar (4499 K)

附件: js下拉菜单.rar (202 K)

类别: jsp |  评论(0) |  浏览(449) |  收藏
发表评论
看不清楚,换一张