中国地区三级联动下拉菜单实现与数据完善技巧

99 浏览量更新于2024-09-01 收藏 269KB PDF 举报

本文将深入探讨中国地区三级联动下拉菜单的效果及其实现方法，针对在实际项目中遇到的问题进行分析。作者在遇到公司框架已有的实现但仍感到困惑时，转向网络寻求更具体的代码示例。这些代码主要集中在JavaScript文件(area.js)中，涉及到数据结构管理和动态联动选择的逻辑。首先，我们来看JavaScript部分。`Dsy` 类是核心组件，用于管理下拉菜单的数据。`Dsy.prototype.add(id, iArray)` 方法用于向菜单中添加新的选项，通过`id`作为标识，并提供一个包含地区名称的数组`iArray`。`Exists(id)` 方法则检查给定`id`的选项是否存在。 `change(v)` 函数是关键函数，它处理三级联动的效果。`v` 参数表示当前选择的级别，通过遍历下拉菜单，它会动态生成子级菜单。例如，当用户选择省份后，会根据该省份的ID生成对应的城市列表。`dsy.Items[str]` 存储了所有省份、城市和区县的数据，`options` 数组用于构建新的下拉选项。如果某个级别已经存在，则根据`dsy.Items` 中的数据填充选项，选中相应的默认值。代码中的`document.getElementById(s[i]).selectedIndex-1` 表示获取当前选项的索引，并与`_`字符连接形成一个字符串，用于唯一标识每个层级的选项组合。`for`循环确保正确构建层级关系，同时根据上一层次的选择更新当前菜单。值得注意的是，原始的地区数据可能不完整，需要开发者自行添加或调整。此外，由于代码与公司框架的实现不同，可能存在兼容性和定制性问题，需要开发者根据具体需求进行适当的修改和整合。总结来说，这篇文章提供了中国地区三级联动下拉菜单的JavaScript实现细节，包括数据管理、动态生成和联动功能。对于需要类似功能的开发者，这是一个参考资源，可以用来理解和实现自己的三级联动菜单，或者作为优化现有实现的依据。同时，它也提醒开发者注意数据完整性以及与现有框架的集成挑战。

中国地区三级联动下拉菜单效果分析中国地区三级联动下拉菜单效果分析

因为最近有需要用到中国地区三级联动下拉菜单，虽然用公司的框架已经实现，但是看的比较迷茫，就网上找了下相关代码，

主要的数据和功能实现都是在js文件中，网上找的地区数据有的地方不完整，需要自己添加，虽然和公司的框架实现的代码不

一样，还是先把代码放上了，以后需要的时候可以看看，大家也可以看看！

1.首先是首先是js文件文件(area.js)：：

代码如下:

function Dsy()

{

this.Items = {};

}

Dsy.prototype.add = function(id,iArray)

{

this.Items[id] = iArray;

}

Dsy.prototype.Exists = function(id)

{

if(typeof(this.Items[id]) == “undefined”) return false;

return true;

}

function change(v){

var str=”0″;

for(i=0;i<v;i++){ str+=(“_”+(document.getElementById(s[i]).selectedIndex-1));};

var ss=document.getElementById(s[v]);

with(ss){

length = 0;

options[0]=new Option(opt0[v],opt0[v]);

if(v && document.getElementById(s[v-1]).selectedIndex>0 || !v)

{

if(dsy.Exists(str)){

ar = dsy.Items[str];

for(i=0;i<ar.length;i++)options[length]=new Option(ar[i],ar[i]);

if(v)options[1].selected = true;

}

if(++v<s.length){change(v);}

}

var dsy = new Dsy();

dsy.add(“0”,[“安徽”,”北京”,”福建”,”甘肃”,”广东”,”广西”,”贵州”,”海南”,”河北”,”河南”,”黑龙江”,”湖北”,”湖南”,”吉林”,”江苏”,”江西”,”辽

宁”,”内蒙古”,”宁夏”,”青海”,”山东”,”山西”,”陕西”,”上海”,”四川”,”天津”,”西藏”,”新疆”,”云南”,”浙江”,”重庆”]);

dsy.add(“0_0”,[“安庆”,”蚌埠”,”巢湖”,”池州”,”滁州”,”阜阳”,”合肥”,”淮北”,”淮南”,”黄山”,”六安”,”马鞍山”,”宿州”,”铜陵”,”芜湖”,”宣

城”,”亳州”]);

dsy.add(“0_0_0”,[“安庆市”,”怀宁县”,”潜山县”,”宿松县”,”太湖县”,”桐城市”,”望江县”,”岳西县”,”枞阳县”]);

dsy.add(“0_0_1”,[“蚌埠市”,”固镇县”,”怀远县”,”五河县”]);

dsy.add(“0_0_2”,[“巢湖市”,”含山县”,”和县”,”庐江县”,”无为县”]);

dsy.add(“0_0_3”,[“池州市”,”东至县”,”青阳县”,”石台县”]);

dsy.add(“0_0_4”,[“滁州市”,”定远县”,”凤阳县”,”来安县”,”明光市”,”全椒县”,”天长市”]);

dsy.add(“0_0_5”,[“阜南县”,”阜阳市”,”界首市”,”临泉县”,”太和县”,”颖上县”]);

dsy.add(“0_0_6”,[“长丰县”,”肥东县”,”肥西县”]);

dsy.add(“0_0_7”,[“淮北市”,”濉溪县”]);

dsy.add(“0_0_8”,[“凤台县”,”淮南市”]);

dsy.add(“0_0_9”,[“黄山市”,”祁门县”,”休宁县”,”歙县”,”黟县”]);

dsy.add(“0_0_10”,[“霍邱县”,”霍山县”,”金寨县”,”六安市”,”寿县”,”舒城县”]);

dsy.add(“0_0_11”,[“当涂县”,”马鞍山市”]);

dsy.add(“0_0_12”,[“灵璧县”,”宿州市”,”萧县”,”泗县”,”砀山县”]);

dsy.add(“0_0_13”,[“铜陵市”,”铜陵县”]);

dsy.add(“0_0_14”,[“繁昌县”,”南陵县”,”芜湖市”,”芜湖县”]);

dsy.add(“0_0_15”,[“广德县”,”绩溪县”,”郎溪县”,”宁国市”,”宣城市”,”泾县”,”旌德县”]);

dsy.add(“0_0_16”,[“利辛县”,”蒙城县”,”涡阳县”,”亳州市”]);

dsy.add(“0_1”,[“北京”]);

dsy.add(“0_1_0”,[“北京市”,”密云县”,”延庆县”]);

dsy.add(“0_2”,[“福州”,”龙岩”,”南平”,”宁德”,”莆田”,”泉州”,”三明”,”厦门”,”漳州”]);

dsy.add(“0_2_0”,[“长乐市”,”福清市”,”福州市”,”连江县”,”罗源县”,”闽侯县”,”闽清县”,”平潭县”,”永泰县”]);

dsy.add(“0_2_1”,[“长汀县”,”连城县”,”龙岩市”,”上杭县”,”武平县”,”永定县”,”漳平市”]);

dsy.add(“0_2_2”,[“光泽县”,”建阳市”,”建瓯市”,”南平市”,”浦城县”,”邵武市”,”顺昌县”,”松溪县”,”武夷山市”,”政和县”]);

dsy.add(“0_2_3”,[“福安市”,”福鼎市”,”古田县”,”宁德市”,”屏南县”,”寿宁县”,”霞浦县”,”周宁县”,”柘荣县”]);

下载后可阅读完整内容，剩余7页未读，立即下载

weixin_38713801

粉丝: 5
资源: 930

中国地区三级联动下拉菜单实现与数据完善技巧

ASP三级联动下拉菜单

jquery省市区三级联动下拉菜单_select三级联动下拉菜单

C#中国地区三级联动下拉菜单

基于大模型技术的算力产业监测服务平台设计

This_honeypot_supports_Telnet_and_SSH_two_protocol_FF-Pot.zip

吉他谱_What I've Done - Linkin Park.pdf

吉他谱_Too sweet - Hozier.pdf

Linux使用的一些笔记，包括shell命令，软件，一些实用的网站的整理_Linux_note.zip

基于ssm的机房预约系统设计与实现.docx

app执行Linux命令_app-Linux-.zip

最新资源