根据网上一个静态的asp多级菜单更改,可扩展无限级别
其中数据库表menu字段分别为
id 字段id
id1 父id
menuname 字段名
例如 id id1 menuname 其中0为第一级
1 0 文学殿堂
2 1 中国文学
3 1 外国文学
3 2 古典文学
4 0 人文社科
5 4 大讲堂
6 4 法律法规
...............
页面效果如http://www.onsrs.com/asplian/
<!--#include file="conn.asp"-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>asp多级菜单----数据库控制</title>
<%dim count
set rs=server.createobject("adodb.recordset")
rs.open "select * from menu ",conn,1,1%>
<script language="JavaScript" type="text/JavaScript" src="cs.js"></script>
<script language="JavaScript" type="text/JavaScript">
<!--
var aryPType = new Array();
<%
count = 0
do while not rs.eof
%>
aryPType[<%=count%>] = new TreeNode('<%= rs("id1")%>','<%= trim(rs("menuname"))%>','<%= rs("id")%>');
<%
count = count + 1
rs.movenext
loop
rs.close
%>
var countPType =<%=count%>;
-->
</script>
</head>
<body>
<form name="form1" method="post" action="">
<select name="selP1" id="selP1" onChange="cs1.change(this)" subElement="selP2">
</select>
<select name="selP2" id="selP2" onChange="cs2.change(this)" subElement="selP3">
</select>
<select name="selP3" id="selP3" onChange="cs3.change(this)" subElement="selP4">
</select>
<select name="selP4" id="selP4" onChange="cs4.change(this)" subElement="selP5">
</select>
<select name="selP5" id="selP5" onChange="cs5.change(this)" subElement="selP6">
</select>
<select name="selP6" id="selP6"> <!--最多6级 -->
</select>
<br>
</form>
<script language="JavaScript" type="text/javascript">
<!--
cs1 = new CascadeSelect(document.form1.selP1, aryPType, '0');// 最顶层为0
cs2 = new CascadeSelect(document.form1.selP2, aryPType, document.form1.selP1.options[document.form1.selP1.selectedIndex].value);
cs3 = new CascadeSelect(document.form1.selP3, aryPType, document.form1.selP2.options[document.form1.selP2.selectedIndex].value);
cs4 = new CascadeSelect(document.form1.selP4, aryPType, document.form1.selP3.options[document.form1.selP3.selectedIndex].value);
cs5 = new CascadeSelect(document.form1.selP5, aryPType, document.form1.selP4.options[document.form1.selP4.selectedIndex].value);
-->
</script>
</body>
</html>