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

本文共 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

你可能感兴趣的文章
新 Terraform 提供商: Oracle OCI, Brightbox, RightScale
查看>>
6套毕业设计PPT模板拯救你的毕业答辩
查看>>
IT兄弟连 JavaWeb教程 JSP与Servlet的联系
查看>>
Windows phone 8 学习笔记
查看>>
linux并发连接数:Linux下高并发socket最大连接数所受的各种限制
查看>>
详解区块链中EOS的作用。
查看>>
我的友情链接
查看>>
mysql-error 1236
查看>>
sshd_config设置参数笔记
查看>>
循序渐进Docker(一)docker简介、安装及docker image管理
查看>>
jsp页面修改后浏览器中不生效
查看>>
大恶人吉日嘎拉之走火入魔闭门造车之.NET疯狂架构经验分享系列之(四)高效的后台权限判断处理...
查看>>
信号量实现进程同步
查看>>
Spring4-自动装配Beans-通过构造函数参数的数据类型按属性自动装配Bean
查看>>
win10.64位wnmp-nginx1.14.0 + PHP 5. 6.36 + MySQL 5.5.59 环境配置搭建 结合Thinkphp3.2.3
查看>>
如何查看python selenium的api
查看>>
Python_Mix*random模块,time模块,sys模块,os模块
查看>>
iframe刷新问题
查看>>
数据解码互联网行业职位
查看>>
我所见的讲的最容易理解,逻辑最强的五层网络模型,来自大神阮一峰
查看>>