添加收藏
 系统管理
 联系方式
  汉南在线网页设计Asp动态程序

ASP+JS三级连动下拉框
作  者:汉南居士
关键字:ASP数据库



index.asp文件的内容如下:
<%
'汉南在线 http://hnzx.hzwz.net
'先建立一个数据库如:hzwznet.mdb
'SMT_ypaddone  一级分类表:SMT_addone_id,SMT_addone
'SMT_ypaddtwo  二级分类表:SMT_addtwo_id,SMT_addtwo_id,SMT_addtwo
'SMT_ypaddthere 三级分类表:SMT_addthere_id,SMT_addtwo_id,SMT_addthere
%>
<!--#include file="conn.asp"-->
<%
dim count
set rs=server.createobject("adodb.recordset")
sql="select * from  SMT_ypaddtwo"
rs.open sql,conn,1,3
%>
<script language = "JavaScript">
var onecount;
onecount=0;
subcat = new Array();
        <%
        count = 0
        do while not rs.eof
        %>
subcat[<%=count%>] = new Array("<%= trim(rs("SMT_addtwo"))%>","<%= trim(rs("SMT_addone_id"))%>","<%= trim(rs("SMT_addtwo_id"))%>");
        <%
        count = count + 1
        rs.movenext
        loop
        rs.close
        %>
onecount=<%=count%>;

function changelocation(locationid)
    {
    document.form.SMT_addtwo_id.length = 0;

    var locationid=locationid;
 document.form.SMT_addtwo_id.options[0] = new Option('二级分类', '');
    var i;
    for (i=0;i < onecount; i++)
        {
            if (subcat[i][1] == locationid)
            {
                document.form.SMT_addtwo_id.options[document.form.SMT_addtwo_id.length] = new Option(subcat[i][0], subcat[i][2]);
            }       
        }
       
    }   
</script>

<%
sql = "select * from SMT_ypaddthere"
rs.open sql,conn,1,1
%>
<script language = "javascript">
var onecount2;
onecount2=0;
subcat2 = new Array();
<%
count2 = 0
do while not rs.eof
%>
subcat2[<%=count2%>] = new Array("<%= trim(rs("SMT_addthere"))%>","<%= trim(rs("SMT_addtwo_id"))%>","<%= trim(rs("SMT_addthere_id"))%>");
<%
count2 = count2 + 1
rs.movenext
loop
rs.close
%>
onecount2=<%=count2%>;

function changelocation2(locationid)
{
document.form.SMT_addthere_id.length = 0;

var locationid=locationid;
var j;
document.form.SMT_addthere_id.options[0] = new Option('三级分类','');
for (j=0;j < onecount2; j++)
{
if (subcat2[j][1] == locationid)
{
document.form.SMT_addthere_id.options[document.form.SMT_addthere_id.length] = new Option(subcat2[j][0], subcat2[j][2]);
}
}

}
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS三级连动下拉框</title>
</head>

<body>
<form name="form" method="post" action="">
  <select name="SMT_addone_id" onChange="changelocation(document.form.SMT_addone_id.options[document.form.SMT_addone_id.selectedIndex].value);changelocation2(document.form.SMT_addtwo_id.options[document.form.SMT_addtwo_id.selectedIndex].value);">
    <option selected>一级分类</option>
 <%
  sql="select * from SMT_ypaddone"
  rs.open sql,conn,1,1
  do while not rs.eof
  %>
  <option value="<%=rs("SMT_addone_id")%>"><%=rs("SMT_addone")%></option>
  <%
    rs.movenext
  loop
  rs.close
  %>
  </select>
  <select name="SMT_addtwo_id" onChange="changelocation2(document.form.SMT_addtwo_id.options[document.form.SMT_addtwo_id.selectedIndex].value);">
    <option selected>二级分类</option>
  </select>
  <select name="SMT_addthere_id">
    <option selected>三级分类</option>
  </select>
</form>
</body>
</html>
<%
set rs=nothing
conn.close
set conn=nothing
%>

conn.asp的内容如下:
<%
dim db,conn,connstr
On Error Resume Next
db="hzwz.mdb"
set Conn = server.CreateObject("ADODB.Connection")
connstr="driver={Microsoft Access Driver (*.mdb)};dbq="& server.MapPath(""&db&"")
conn.Open connstr
%>



来源:互联网
阅读:627
日期:2006-9-25

【 双击滚屏 】 【 推荐朋友 】 【 收藏 】 【 打印 】 【 关闭 】 【 字体: 】 
上一篇:三级连动菜单
下一篇:阿江的WINDOWS服务器安全设置

  >> 相关文章
 
  ·三级连动菜单
  ·ASP数据库简单操作
  ·登入验证代码
  ·万能数据库连接程序
  ·在ASP中操作数据库
  ·一条语句搞定数据库分页
  ·ASP与数据库的出错处理
  ·ASP与数据库操作

5.12汶川大地震遇难同胞默哀 | 汉南在线总站 | 免费电影 | BT电影下载 | 东莞信息网 | 流行购商城

授权使用:汉南在线 http://hnzx.hzwz.net/
经营许可证:陕ICP备05000109号 Powered by:汉南在线
Copyright (c) 2002-2007 汉南在线. All Rights Reserved .