博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
三级联动下拉框效果
阅读量:6305 次
发布时间:2019-06-22

本文共 1728 字,大约阅读时间需要 5 分钟。

1  2  3  4 
5 三级联动菜单 6
7 8 9 10 11 14 17 20 21
1 /// 
2 var aProvince = ["河北省", "山西省", "湖北省"]; 3 var aCity = [["石家庄市", "张家口市", "承德市", "秦皇岛市"], ["太原市", "朔州市", "大同市", "阳泉市"], ["武汉市", "孝感市", "宜昌市", "襄阳市"]]; 4 var aCountry = [[["无极县", "赵县", "栾城县"], ["沽源县", "尚义县", "阳原县"], ["平泉县", "滦平县", "隆化县"], ["抚宁县", "卢龙县", "昌黎县"]], [["清徐县", "阳曲县", "娄烦县"], ["山阴县", "应县", "右玉县"], ["左云县", "阳高县", "天镇县"], ["盂县", "平定县", "矿区"]], 5 [["武昌区", "洪山区", "东湖新区"], ["云梦县", "大悟县", "应城市"], ["秭归县", "远安县", "枝江市"], ["枣阳市", "老河口市", "谷城县"]]]; 6 var num1 = 0; 7 var num2 = 0; 8 $(function () { 9 for (var i = 0; i < aProvince.length; i++) {10 $("#selProvince").append("");11 }12 13 $("#selProvince").change(function () {14 $("#selCity").children("option").not(":eq(0)").remove();15 $("#selCountry").children("option").not(":eq(0)").remove();16 num1 = $(this).children("option:selected").index();17 if (num1 > 0) {18 var aC = aCity[num1 - 1];19 for (var i = 0; i < aC.length; i++) {20 $("#selCity").append("");21 }22 }23 });24 25 $("#selCity").change(function () {26 $("#selCountry").children("option").not(":eq(0)").remove();27 num2 = $(this).children("option:selected").index();28 if (num2 > 0) {29 var aC = aCountry[num1 - 1][num2 - 1];30 for (var i = 0; i < aC.length; i++) {31 $("#selCountry").append("");32 }33 }34 });35 36 });

转载于:https://www.cnblogs.com/snow52132/p/7238604.html

你可能感兴趣的文章
如何在 Ubuntu 中管理和使用逻辑卷管理 LVM
查看>>
Oracle原厂老兵:从负面案例看Hint的最佳使用方式
查看>>
把自己Github上的代码添加Cocoapods支持
查看>>
C语言OJ项目参考(2493)四则运算
查看>>
零基础入门深度学习(二):神经网络和反向传播算法
查看>>
find和xargs
查看>>
数据结构例程—— 交换排序之快速排序
查看>>
WKWebView代理方法解析
查看>>
IOS定位服务的应用
查看>>
[SMS&WAP]实例讲解制作OTA短信来自动配置手机WAP书签[附源码]
查看>>
IOS中图片(UIImage)拉伸技巧
查看>>
【工具】系统性能查看工具 dstat
查看>>
基于zepto或jquery的手机端弹出框成功,失败,加载特效
查看>>
php引用(&)
查看>>
关押罪犯
查看>>
k8s-高可用架构设计
查看>>
第93天:CSS3 中边框详解
查看>>
第189天:BOM属性方法
查看>>
操作系统
查看>>
volatile小记
查看>>