关于SELECT的无限级联(省|市|县|乡|村|...)

最新推荐文章于 2022-01-19 09:40:05 发布
最新推荐文章于 2022-01-19 09:40:05 发布
阅读量127 收藏
点赞数
文章标签： ASP JavaScript CSS HTML ViewUI
作者：shocknet

index.asp
程序代码：
<html>
<head>
<title></title>
<metacontent="text/html;charset=gb2312"http-equiv="content-type">
<styletype="text/css"><!--
FONT{font-size:12px}
TD{font-size:12px}
A{color:#333399}
A:hover{color:#FF6600}
--></style>
<scriptlanguage="JavaScript"type="text/JavaScript"><!--
functionfunOnload(){
document.all.list_file.src="jscript_city.asp?base=0&sele=0-&elem=Select01";
}

//pBase级数，以0基，
//pSele是<option的value值
//pEle是下一级的表单名字
functionchgSelect(pBase,pSele,pElem){
//当改变了一个列表之后。清除以后的列表的值。
for(i=parseInt(pElem.replace("Select",""));i<=5;i++){
vartmp="000"+i;
varpElem1=eval("document.Form1.Select"+tmp.substr(tmp.length-2));

pElem1.length=1;
pElem1.selectedIndex=0;
}

//JS用ASP得到数据库的数据来更新下级列表
document.all.list_file.src="jscript_city.asp?base="+pBase+"&sele="+pSele+"&elem="+pElem;
}

//--></script>
<scriptid="list_file"language="JavaScript"type="text/JavaScript"src=""></script>
</head>

<bodybgcolor="#FFFFFF"leftmargin="0"topmargin="2"text="#333333"οnlοad="funOnload();">
<formname="Form1">
<selectname="Select01"οnchange="chgSelect(1,this.options[this.selectedIndex].value,'Select02')">
<optionvalue="">省...</option>
</select>
<selectname="Select02"οnchange="chgSelect(2,this.options[this.selectedIndex].value,'Select03')">
<optionvalue="">市...</option>
</select>
<selectname="Select03"οnchange="chgSelect(3,this.options[this.selectedIndex].value,'Select04')">
<optionvalue="">县...</option>
</select>
<selectname="Select04"οnchange="chgSelect(4,this.options[this.selectedIndex].value,'Select05')">
<optionvalue="">乡...</option>
</select>
<selectname="Select05">
<optionvalue="">村...</option>
</select>
</form>
</body></html>


'jscript_city.asp
程序代码：
<%
'varBase下拉菜单等级
'varSele所选择下拉菜单项的数据库ID
'varElem下一级的表单名称

varBase=Request.QueryString("base")
varSele=Left(Request.QueryString("sele"),InStr(Request.QueryString("sele"),"-")-1)
varElem=Request.QueryString("elem")

varDistName=""
varAutoID=""

SetconDB=Server.CreateObject("ADODB.CONNECTION")
conDB.Open"Driver={MicrosoftAccessDriver(*.mdb)};DBQ="&Server.Mappath("db1.mdb")

sqlCommand="select*fromtable1wherefiled1="&varBase&"andfiled2="&varSele
SetrsRecord=conDB.Execute(sqlCommand)

WhileNotrsRecord.eof
varDistName=varDistName&chr(34)&rsRecord("filed3")&chr(34)
varAutoID=varAutoID&chr(34)&rsRecord("id")&chr(34)

rsRecord.movenext
IfNotrsRecord.EofThen
varDistName=varDistName&","
varAutoID=varAutoID&","
EndIf
Wend

Response.Write("varvarDistName=newArray("&varDistName&")"&vbcrlf)
Response.Write("varvarAutoID=newArray("&varAutoID&")"&vbcrlf)

Response.Write("varvarElem=eval("&chr(34)&"document.Form1."&varElem&chr(34)&")"&vbcrlf)

Response.Write("varElem.length=varDistName.length+1;"&vbcrlf)

Response.Write("for(vari=0;i<varDistName.length;i++){"&vbcrlf)
Response.Write("varElem.options[i+1].text=varDistName ;"&vbcrlf)
Response.Write("varElem.options[i+1].value=varAutoID+'-'+varDistName;"&vbcrlf)
Response.Write("}"&vbcrlf)

Response.Write("varElem.selectedIndex=0;"&vbcrlf)

%>

db1.mdb
'-------------------------------------------------
福建厦门思明黄厝曾厝桉村
福建泉州丰泽西湖水头村

如上面的五级转成数据库为：
'-------------------------------
idfiled1filed2filed3
100福建
211厦门
311泉州
422思明
534黄厝
645曾厝桉村
723丰泽
837西湖
948水头村
'-------------------------------------------------
数据库说明：
id自动编号
filed1下拉菜单列表的等级(看级数。可以设置它的精度。是数字类型)
filed2上一级的id号(用长整型吧)
filed3这个就不用说了吧(文件。长度自己看情况)

本程序在IIS4+WIN2000P+ACCESS2000下通过。
happmaoo
关注
二级联动 三级联动 多级联动 无限级联动下拉列表或菜单专题
柳永法的个人博客
12-02 9580
二级联动 三级联动 多级联动 无限级联动下拉列表或菜单专题 三维数组数据源  A - 请选择 - 北京市 天津市 河北省 山西省
四位十进制计数器verilog_同步集成电路计数器 || 74161 74163 74160 || 同步级联 异步级联 || 数电...
weixin_39633774的博客
11-21 6536
同步集成电路计数器 || 74161 74163 74160 || 同步级联 异步级联 || 数电TTL器件和CMOS器件的工作电压和输入输出接口参数会有差别。上面图中，各式76161虽然型号不同，但是逻辑功能都是相同的，后面统称74161。1. 4位同步二进制计数器7416174161的功能有4个：异步清零同步置数保持同步计数其逻辑图和功能表如下图所示，(CLR非)是异步清零端(LD非)是同步置...
select2全国省市区级联
05-09
使用select2采用json数据传输实现全国省市区级联效果
select框 多级联动
dq0817_的博客
01-19 970
数据表结构 id,city_name,pid(父级ID) 控制器代码 $city = City::where('pid',0)->select(); return View::fetch('index/save',['data'=>$city]); 前端 <lable>地区</lable> <select name="city[]" id="first"> <option va
多级联动select_option,(还有个别bug未解决,不建议使用不限量层级联动)
hjy170314的博客
05-25 585
多级联动,在使用报表的时候经常使用到,比如说三级联动等等,三级联动相对来说是比较简单的联动, 只需要考虑三个select标签之间的联系,以及他们的数据之间的联系就可以了, 但有一些联动是不限定数量的,也就是可以手动添加和删除 select标签 此时我在开发的过程中就遇到问题了,每个新加的select的数据,以及我触发每个一个select标签的option, 其他的select标签不应该有影响, 一开始开发的适合我这里犯了一个很大的错误,我将所有的一级联动使用了同一个数组,二级联动三级联动同理, 结果发现,不
Vue.js 2.0中select级联下拉框实例
10-20
在Vue.js 2.0版本中，select级联下拉框是前端界面中常见的一种交互方式，它能够根据上一级选择的值来动态更新下一级的选项内容。本文将介绍如何在Vue.js 2.0中创建并实现动态级联select的功能，并讨论单选和多选在...
jQuery省、市、县三级Select级联菜单.rar
07-10
jQuery实现实用的盛市、县三级Select级联菜单，在需要选择全国省份城市的时候，可应用本效果，代码中已包括了全国省市县城市信息，下载后请根据示例页面中的方法，自行调用。再也不用努力的找了，这里就有，哈哈！~~
JSP Ajax省市县Select级联菜单.rar
07-10
【JSP Ajax省市县Select级联菜单】是一个典型的前端与后端交互的示例，它在Web应用中常用于实现动态、无刷新的选择区域（省、市、县）功能。这个压缩包包含了一个完整的解决方案，使得用户在选择省份时，对应的市区...
无限级联动
crimeheaven的专栏
11-25 1052
最近在做商城网站的开发，考虑到商品表有很多一级级的分类，从一级二级到N级下才是商品本身，所以做了一个无限级的联动 add.HTML页面的代码： function change(obj){         //负责判断要删除的level标签数字,因为删除的是他下一级的内容所以要加1         var level=$(obj).
Select2实现全国省市区三级联动下拉菜单.zip
08-12
JS文件中的Select 有2个,我想做成联动的,例如选择" 信息采集器 " 那么第二个Select 就自动显示"A" 选择 " 信息变送器 " 就自动显示 “ B ” 怎么实现~~求高手,求专家！网上找的代码，测试了都不行！ 是不是因为这个是JQUERY 插入表格的问题。 加到我写的里边之后就不行了，我是使用Jquery 动态添加的表格,表格里放的Select。
select 无限级联 Jquery 插件
12-05
网页应用中，多个select之间级联刷新是很常见的一个需求，本插件充份运用jquery强大的脚本功能，并运用json实现数据交互，实现了select无限级联的功能，接口调用简洁，刷新功能配置灵活，参数强大， 支持select元素无限级联。极力推荐，并欢迎提出改进意见。
JS 无限级 Select效果实现代码(json格式)
12-10
演示地址: http://demo.jb51.net/js/2011/js_select/index.htm数据 代码如下: var data=[ {id:1,name:”前端开发”,pid:0}, {id:2,name:”CSS”,pid:1}, {id:3,name:”JS”,pid:1}, {id:4,name:”HTML”,pid:1}, {id:5,name:”数据库”,pid:0}, {id:6,name:”SQLServer”,pid:5}, {id:7,name:”MYSql”,pid:5}, {id:8,name:”Oracle”,pid:5}, {id:9,name:”P
multiselect实现单选_UICollectionMultiselect（无限层级多选、无限层级单选）
weixin_39763902的博客
01-16 296
最近在做项目，需要弄一个多层级多选(层级数量不定)的联动选择功能，本来想在github或者cocoachina找一下基本样例或者第三方库的，但是找到的都是限制层级的，一般为二层级、三层级，并不满足要求，于是自己抽时间写了一个，希望各位给出指点或意见。1、先上一波操作2、实现思路现在我实现的方式是上下两个UICollectionView，a、 上面的UICollectionView(下面简称：org...
省份，城市，县，镇四级select级联
qq_25313187的博客
02-03 1747
主要是做一个数据库表存城市信息数据的省、市、县、镇多级互联的一个小功能，希望有更好的方法指正！
关于的无限级联(省|市|县|乡|村|...)
epic2005
03-14 2623
index.asp  FONT{font-size:12px}  TD{font-size:12px}  A{color:#333399}  A:hover{color:#FF6600}-->function funOnload(){  document.all.list_file.src="jscript_city.asp?base=0&sele=0-&elem=Select01";}//p
bootstrap-select动态级联多选下拉框
LLL_liuhui的博客
09-25 1万+
1、引用css/js &lt;link href="../../plugins/css/bootstrap.min.css" rel="stylesheet"&gt; &lt;link href="../../plugins/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"&gt; &lt;lin
多个select 联动代码优化
effort期待
06-23 236
接上一篇，对应的代码优化 原来的代码，在每次change都回去重新set selectListObj，但其实只用更改比当前优先级低的selectList。所以这是优化的第一点。 原来在新增一个优先级时，也会把之前的所有level对应的selectList重新更新一次。但其实只用添加新一级的selectList。 在原来代码中，并没有处理，若先选择了低优先级，但高优先级选择了和低优先级同样的code时，并未做处理，但实际上，需要将低优先级的code清空，以高优先级的code为主。 基于以上三个方面，列出了2个
实现两个select之间的两极联动
热门推荐
wanghang88
08-05 1万+
选择第一个select框中的银行时， 在第二个人select中显示所有的渠道。    思路：  在第一个select框上加一个改变值得事件， 当值改变是触发ajax请求， 或去选中银行下的所有渠道的数据， 然后通过循环加option加在第二个select上。 渠道：
802.11ax级联帧结构与OFDMA基本原理解析
"802.11标准, Wi-Fi技术, OFDMA, MU-MIMO, 802.11ax级联帧结构, 正交频分复用(OFDM), 信道估计, 导频图案" 在无线通信领域，802.11标准是Wi-Fi技术的核心，而802.11ax则是最新一代的Wi-Fi标准，旨在提高无线网络的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值