欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

三级下拉框连动的数据库版

程序员文章站 2022-04-01 19:20:12
三级下拉框连动:location表1 loaction  所在地表   字段   loactioni...
三级下拉框连动


location
表1 loaction  所在地表
   字段
   loactionid
   loactionname 名字
表2 district  所在的地区表
   字段
   locationid
    districtid
    districtname
表3 village  所在的县区表
   字段
   districtid
   villageid
   villagename

<%option explicit%>
<html>
<head>
<title>list</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<%
dim conn
dim rs
dim sql
dim count
dim rs1
dim sql1
dim rs2
dim sql2
dim count2



set conn=server.createobject("adodb.connection")
conn.open"provider=sqloledb;data source=192.168.0.33;uid=sa;pwd=;database=location;"


sql = "select * from district order by locationid asc"
set rs = conn.execute(sql)
%>
<script language = "javascript">
var onecount;
onecount=0;
subcat = new array();
<%
count = 0
do while not rs.eof
%>
subcat[<%=count%>] = new array("<%= trim(rs("districtname"))%>","<%= trim(rs("locationid"))%>","<%= trim(rs("districtid"))%>");
<%
count = count + 1
rs.movenext
loop
rs.close
set rs=nothing
%>
onecount=<%=count%>;

function changelocation(locationid)
{
document.myform.smalllocation.length = 0;

var locationid=locationid;
var i;
document.myform.smalllocation.options[0] = new option(==所选城市的地区==,);
for (i=0;i < onecount; i++)
{
if (subcat[i][1] == locationid)
{
document.myform.smalllocation.options[document.myform.smalllocation.length] = new option(subcat[i][0], subcat[i][2]);
}
}

}
</script>


<%sql2 = "select * from village order by districtid asc"
set rs2 = conn.execute(sql2)
%>
<script language = "javascript">
var onecount2;
onecount2=0;
subcat2 = new array();
<%
count2 = 0
do while not rs2.eof
%>
subcat2[<%=count2%>] = new array("<%= trim(rs2("villagename"))%>","<%= trim(rs2("districtid"))%>","<%= trim(rs2("villageid"))%>");
<%
count2 = count2 + 1
rs2.movenext
loop
rs2.close
set rs2=nothing
%>
onecount2=<%=count2%>;

function changelocation2(villageid)
{
document.myform.village.length = 0;

var villageid=villageid;
var j;
document.myform.village.options[0] = new option(==所选地区的县区==,);
for (j=0;j < onecount2; j++)
{
if (subcat2[j][1] == villageid)
{
document.myform.village.options[document.myform.village.length] = new option(subcat2[j][0], subcat2[j][2]);
}
}

}
</script>



</head>
<body>
<form name="myform" method="post">
题目:<input type="text" name="t2" size="20">

来源:<input type="text" name="t3" size="20">

分类:<select name="biglocation" onchange="changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedindex].value)" size="1">