`
starbhhc
  • 浏览: 654810 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

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

阅读更多
三级连动的下拉框(数据库版)
三级下拉框连动

‘数据库:
‘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<1> == locationid)
{
document.myform.smalllocation.options = new Option(subcat<0>, subcat<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<1> == villageid)
{
document.myform.village.options = new Option(subcat2<0>, subcat2<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.value)" size="1">
<option selected>请选择你所在的省份</option>
<%

sql1 = "select * from location order by locationname asc"
set rs1 = conn.Execute (sql1)
do while not rs1.eof
%>
<option value="<%=trim(rs1("locationid"))%>"><%=trim(rs1("locationname"))%></option>

<%
rs1.movenext
loop
rs1.close
set rs1 = nothing
conn.Close
set conn = nothing
%>
</select><select name="smalllocation" onChange="changelocation2(document.myform.smalllocation.options.value)">
<option selected value="">==所有地区==</option>
</select><select name="village" size="1">
<option selected>==所有县区==</option>
</select>


关键词:<input type="text" name="T4" size="20">

内容:<textarea rows="9" name="S1" cols="51"></textarea>
</form>

</body>
</html> 
分享到:
评论

相关推荐

    asp省市县三级连动下拉框带数据库

    标题提到的“asp省市县三级连动下拉框带数据库”就是这样一个解决方案,而且据描述所述,这个例子是作者自创的,且经过验证,效果良好。 首先,我们来了解什么是三级联动。在网页设计中,三级联动通常指的是三个...

    三级联动 下拉框

    在网页设计和开发中,"三级联动下拉框"是一种常见的交互元素,它通常用于实现多级关联选择,比如省份-城市-区县的选择。这种功能可以极大地提高用户体验,尤其是在处理大量分类信息时。下面我们将深入探讨这个话题,...

    省市二级连动下拉框(JS+XML)

    #### 一、省市二级联动下拉框原理与实现方式 **省市二级联动下拉框**是一种常见的用户界面组件,用于在Web应用中展示省市区等多级分类数据,并允许用户逐级选择。这种下拉框通常有两个或多个下拉列表,用户选择一个...

    纯JS地区选择 三级 下拉框 连动选择

    "纯JS地区选择 三级 下拉框 连动选择"是一个典型的任务,它涉及到JavaScript(JS)的使用来实现一个动态的、三级联动的地区选择下拉菜单。这个功能在许多网站上都很常见,比如在线购物平台、快递跟踪系统或个人信息...

    下拉框的三级连动以及自定义退出提示框

    本示例代码着重展示了Spinner的三级联动效果,这是一个常见的需求,特别是在处理地区选择时,例如省份、城市和区县的选择。接下来,我们将详细讨论这个知识点。 首先,我们来看“三级联动”的实现。在Android中,...

    java Ajax 3级连动 servlet

    这里的“3级联动”通常指的是在网页表单中,一个下拉框的选择会影响到其他两个下拉框的选项,形成一个三级联动的效果。这在数据筛选和展示时非常有用,例如在地址选择时,国家、省份和城市的关系就是这样。 首先,...

    java_swing省_市_县三级连动

    在Java Swing中实现“省_市_县”三级联动功能,主要是为了提供一个交互式的下拉选择框,用户在选择省份后,相应的城市列表会自动更新,接着选择城市后,对应的县或区列表也会动态加载。这种功能常见于地址输入、订单...

    Android 省市区三级连动--spinner.rar

    这个压缩包“Android 省市区三级连动--spinner.rar”显然包含了关于如何在Android应用中使用Spinner控件实现这一功能的资源。 Spinner是Android提供的一个下拉选择控件,常用于实现用户在有限选项中进行选择的操作。...

    省市县三级连动三种实现方式(javascript+jsp+servlet)、(jquery+jsp+servlet)、(extjs4.0+jsp+servle)

    标题中的“省市县三级联动”是指在Web应用中,用户在选择省份时,下拉框会自动更新对应的城市选项,再选择城市时,会进一步更新对应的县或区的选项。这种功能常见于地址填写、区域选择等场景。三种实现方式分别涉及...

    android 实现三级联动 可直接运行

    在Android开发中,"三级联动"通常指的是在一个应用中,三个选择列表(通常是下拉框或者Spinner)之间存在依赖关系,即每个选择项的选择会影响到下一个选择列表的数据展示。这种功能常见于地区选择、商品分类筛选等...

    Jason三级省市县连动

    "三级连动"意味着在这个功能中有三个级别的数据关联:省级、市级和县级。当用户在第一级(省)做出选择时,系统会通过后台接口获取对应的第二级(市)数据;接着,当用户在第二级(市)选择后,系统会再获取相应的第...

    世界主要国家地区的JS三级联动(包括国内的省市区三级联动)

    在本文中,我们将深入探讨如何实现一个包括世界主要国家和地区在内的三级联动效果,以及在国内省市区的三级联动功能。这个功能常用于地址选择、区域筛选等场景,可以提供用户友好的交互体验。 首先,我们要理解什么...

    实现三级联动效果实现三级联动效果实现三级联动效果实现三级联动效果实现三级联动效果

    在网页设计和开发中,"三级联动效果"是一种常见的交互设计模式,特别是在下拉菜单、地区选择、分类导航等场景中。它指的是三个或多个下拉列表框之间存在依赖关系,当用户在一个列表中选择一个选项时,下一个列表会...

    AJAX省级二级连动例子

    总结,这个"AJAX省级二级连动例子"是一个典型的前端与后端交互的应用场景,它展示了如何通过AJAX、JavaScript、XML以及JAVA技术实现动态下拉框的联动效果,为用户提供流畅的交互体验。理解并掌握这些技术,对于提升...

    JSP、Java实现选择框多级连动

    JSP、Java 实现选择框多级连动 在 Web 开发中,实现选择框多级连动是一个常见的需求。例如,在选择城市地址时,需要根据省份选择城市,根据城市选择县区等等。本文将介绍如何使用 JSP 和 Java 实现选择框多级连动,...

    表格组合框连动表格组合框连动

    每当你在一级列表中选择一个项,二级、三级乃至四级列表将根据预定义的关系或规则动态地过滤并显示相关数据。这种技术在数据管理和数据分析中非常有用,因为它可以减少用户查找和输入数据的复杂性。 在实际应用中,...

    PHP+mysql实现的三级联动菜单功能示例

    在三级联动菜单中,数据库是核心。首先需要设计合理的表结构来存储数据,以支持联动功能。文中提到了名为`student`的数据库和表。表结构包含`id`、`name`、`dept`、`class`、`sex`、`dept_id`、`class_id`等字段。`...

    dorado4实例参考指南(pdf)

    连动下拉框是指一个下拉框的选择会影响另一个下拉框的选项,通常用于表示层级关系或多级选择。 **5.3 多选下拉框** 多选下拉框允许用户同时选择多个选项,适用于需要收集多个选项的场景。 #### 六、树 **6.1 普通...

    支持无限级的联动下拉菜单

    联动下拉菜单,又称为级联菜单或连动菜单,是指当用户在一个下拉菜单中选择某个选项时,会触发另一个下拉菜单的显示或更新。这种设计可以有效节省页面空间,提高用户体验,尤其在处理多级分类时。 二、无限级联动的...

    易语言京东地址连动源码-易语言

    在这个源码中,"京东3-4级连动.e"可能是易语言编写的程序主文件,其中包含了实现京东地址三级或四级联动的逻辑。这可能涉及到以下几个关键知识点: 1. **网络请求**:由于京东的地址数据可能存储在服务器端,因此...

Global site tag (gtag.js) - Google Analytics