• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > jQuery实现的省市县三级联动菜单效果完整实例

jQuery实现的省市县三级联动菜单效果完整实例

作者:Quber 字体:[增加 减小] 来源:互联网

Quber 通过本文主要向大家介绍了jQuery,省市县,三级联动菜单等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

本文实例讲述了jQuery实现的省市县三级联动菜单效果。分享给大家供大家参考,具体如下:

运行效果截图如下:

具体代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题页</title>
<script src="jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
   var arrySheng;
   var arryShi ;
   var arryXian ;
   var areaSelect = {
      slt_sheng : $('<select>',{name:"sheng"}),
      slt_shi : $('<select>',{name:"shi"}),
      slt_xian : $('<select>',{name:"xian"}),
      strSheng : "北京市,110000|天津市,120000|河北省,130000|山西省,140000|内蒙古自治区,150000|辽宁省,210000|吉林省,220000|黑龙江省,230000|上海市,310000|江苏省,320000|浙江省,330000|安徽省,340000|福建省,350000|江西省,360000|山东省,370000|河南省,410000|湖北省,420000|湖南省,430000|广东省,440000|广西壮族自治区,450000|海南省,460000|重庆市,500000|四川省,510000|贵州省,520000|云南省,530000|西藏自治区,540000|陕西省,610000|甘肃省,620000|青海省,630000|宁夏回族自治区,640000|新疆维吾尔自治区,650000|台湾省,710000|香港特别行政区,810000",
      strShi : "市辖区,110100|县,110200|市辖区,120100|县,120200|石家庄市,130100|唐山市,130200|秦皇岛市,130300|邯郸市,130400|邢台市,130500|保定市,130600|张家口市,130700|承德市,130800|沧州市,130900|廊坊市,131000|衡水市,131100|太原市,140100|大同市,140200|阳泉市,140300|长治市,140400|晋城市,140500|朔州市,140600|忻州地区,142200|吕梁地区,142300|晋中地区,142400|临汾地区,142600|运城地区,142700|呼和浩特市,150100|包头市,150200|乌海市,150300|赤峰市,150400|呼伦贝尔盟,152100|兴安盟,152200|哲里木盟,152300|锡林郭勒盟,152500|乌兰察布盟,152600|伊克昭盟,152700|巴彦淖尔盟,152800|阿拉善盟,152900|沈阳市,210100|大连市,210200|鞍山市,210300|抚顺市,210400|本溪市,210500|丹东市,210600|锦州市,210700|营口市,210800|阜新市,210900|辽阳市,211000|盘锦市,211100|铁岭市,211200|朝阳市,211300|葫芦岛市,211400|长春市,220100|吉林市,220200|四平市,220300|辽源市,220400|通化市,220500|白山市,220600|松原市,220700|白城市,220800|延边朝鲜族自治州,222400|哈尔滨市,230100|齐齐哈尔市,230200|鸡西市,230300|鹤岗市,230400|双鸭山市,230500|大庆市,230600|伊春市,230700|佳木斯市,230800|七台河市,230900|牡丹江市,231000|黑河市,231100|绥化地区,232300|大兴安岭地区,232700|市辖区,310100|县,310200|南京市,320100|无锡市,320200|徐州市,320300|常州市,320400|苏州市,320500|南通市,320600|连云港市,320700|淮阴市,320800|盐城市,320900|扬州市,321000|镇江市,321100|泰州市,321200|宿迁市,321300|杭州市,330100|宁波市,330200|温州市,330300|嘉兴市,330400|湖州市,330500|绍兴市,330600|金华市,330700|衢州市,330800|舟山市,330900|台州市,331000|丽水地区,332500|合肥市,340100|芜湖市,340200|蚌埠市,340300|淮南市,340400|马鞍山市,340500|淮北市,340600|铜陵市,340700|安庆市,340800|黄山市,341000|滁州市,341100|阜阳市,341200|宿州市,341300|六安地区,342400|宣城地区,342500|巢湖地区,342600|池州地区,342900|福州市,350100|厦门市,350200|莆田市,350300|三明市,350400|泉州市,350500|漳州市,350600|南平市,350700|龙岩市,350800|宁德地区,352200|南昌市,360100|景德镇市,360200|萍乡市,360300|九江市,360400|新余市,360500|赣州市,360700|宜春地区,362200|上饶地区,362300|吉安地区,362400|抚州地区,362500|济南市,370100|青岛市,370200|淄博市,370300|枣庄市,370400|东营市,370500|烟台市,370600|潍坊市,370700|济宁市,370800|泰安市,370900|威海市,371000|日照市,371100|莱芜市,371200|临沂市,371300|德州市,371400|聊城市,371500|滨州地区,372300|荷泽地区,372900|郑州市,410100|开封市,410200|洛阳市,410300|平顶山市,410400|安阳市,410500|鹤壁市,410600|新乡市,410700|焦作市,410800|濮阳市,410900|许昌市,411000|漯河市,411100|三门峡市,411200|南阳市,411300|商丘市,411400|信阳市,411500|周口地区,412700|驻马店地区,412800|武汉市,420100|黄石市,420200|十堰市,420300|宜昌市,420500|襄樊市,420600|鄂州市,420700|荆门市,420800|孝感市,420900|荆州市,421000|黄冈市,421100|咸宁市,421200|恩施土家族苗族自治州,422800|省直辖县级行政单位,429000|长沙市,430100|株洲市,430200|湘潭市,430300|衡阳市,430400|邵阳市,430500|岳阳市,430600|常德市,430700|张家界市,430800|益阳市,430900|郴州市,431000|永州市,431100|怀化市,431200|娄底地区,432500|湘西土家族苗族自治州,433100|广州市,440100|韶关市,440200|深圳市,440300|珠海市,440400|汕头市,440500|佛山市,440600|江门市,440700|湛江市,440800|茂名市,440900|肇庆市,441200|惠州市,441300|梅州市,441400|汕尾市,441500|河源市,441600|阳江市,441700|清远市,441800|东莞市,441900|中山市,442000|潮州市,445100|揭阳市,445200|云浮市,445300|南宁市,450100|柳州市,450200|桂林市,450300|梧州市,450400|北海市,450500|防城港市,450600|钦州市,450700|贵港市,450800|玉林市,450900|南宁地区,452100|柳州地区,452200|贺州地区,452400|百色地区,452600|河池地区,452700|海口市,460100|三亚市,460200|市辖区,500100|县,500200|市,500300|成都市,510100|自贡市,510300|攀枝花市,510400|泸州市,510500|德阳市,510600|绵阳市,510700|广元市,510800|遂宁市,510900|内江市,511000|乐山市,511100|南充市,511300|宜宾市,511500|广安市,511600|达川地区,513000|雅安地区,513100|阿坝藏族羌族自治州,513200|甘孜藏族自治州,513300|凉山彝族自治州,513400|巴中地区,513700|眉山地区,513800|资阳地区,513900|贵阳市,520100|六盘水市,520200|遵义市,520300|铜仁地区,522200|黔西南布依族苗族自治州,522300|毕节地区,522400|安顺地区,522500|黔东南苗族侗族自治州,522600|黔南布依族苗族自治州,522700|昆明市,530100|曲靖市,530300|玉溪市,530400|昭通地区,532100|楚雄彝族自治州,532300|红河哈尼族彝族自治州,532500|文山壮族苗族自治州,532600|思茅地区,532700|西双版纳傣族自治州,532800|大理白族自治州,532900|保山地区,533000|德宏傣族景颇族自治州,533100|丽江地区,533200|怒江傈僳族自治州,533300|迪庆藏族自治州,533400|临沧地区,533500|拉萨市,540100|昌都地区,542100|山南地区,542200|日喀则地区,542300|那曲地区,542400|阿里地区,542500|林芝地区,542600|西安市,610100|铜川市,610200|宝鸡市,610300|咸阳市,610400|渭南市,610500|延安市,610600|汉中市,610700|安康地区,612400|商洛地区,612500|榆林地区,612700|兰州市,620100|嘉峪关市,620200|金昌市,620300|白银市,620400|天水市,620500|酒泉地区,622100|张掖地区,622200|武威地区,622300|定西地区,622400|陇南地区,622600|平凉地区,622700|庆阳地区,622800|临夏回族自治州,622900|甘南藏族自治州,623000|西宁市,630100|海东地区,632100|海北藏族自治州,632200|黄南藏族自治州,632300|海南藏族自治州,632500|果洛藏族自治州,632600|玉树藏族自治州,632700|海西蒙古族藏族自治州,632800|银川市,640100|石嘴山市,640200|吴忠市,640300|固原地区,642200|乌鲁木齐市,650100|克拉玛依市,650200|吐鲁番地区,652100|哈密地区,652200|昌吉回族自治州,652300|博尔塔拉蒙古自治州,652700|巴音郭楞蒙古族自治州,652800|阿克苏地区,652900|克孜勒苏柯尔克孜自治州,653000|喀什地区,653100|和田地区,653200|伊犁哈萨克自治州,654000|伊犁地区,654100|塔城地区,654200|阿勒泰地区,654300|直辖行政单位,659000",
      strXian : "东城区,110101|西城区,110102|崇文区,110103|宣武区,110104|朝阳区,110105|丰台区,110106|石景山区,110107|海淀区,110108|门头沟区,110109|房山区,110111|通州区,110112|顺义区,110113|昌平区,110114|大兴区,110115|平谷区,110117|怀柔区,110116|密云县,110228|延庆县,110229|和平区,120101|河东区,120102|河西区,120103|南开区,120104|河北区,120105|红桥区,120106|塘沽区,120107|汉沽区,120108|大港区,120109|东丽区,120110|西青区,120111|津南区,120112|北辰区,120113|宁河县,120221|武清区,120114|静海县,120223|宝坻区,120115|蓟县,120225|市辖区,130101|长安区,130102|桥东区,130103|桥西区,130104|新华区,130105|郊区,130106|井陉矿区,130107|井陉县,130121|正定县,130123|栾城县,130124|行唐县,130125|灵寿县,130126|高邑县,130127|沈泽县,130128|赞皇县,130129|无极县,130130|平山县,130131|元氏县,130132|赵县,130133|辛集市,130181|藁城市,130182|晋州市,130183|新乐市,130184|鹿泉市,130185|市辖区,130201|路南区,130202|路北区,130203|古冶区,130204|开平区,130205|新区,130206|丰润县,130221|滦县,130223|滦南县,130224|乐亭县,130225|迁西县,130227|玉田县,130229|唐海县,130230|遵化市,130281|丰南市,130282|迁安市,130283|市辖区,130301|海港区,130302|山海关区,130303|北戴河区,130304|青龙满族自治县,130321|昌黎县,130322|抚宁县,130323|卢龙县,130324|市辖区,1304



 
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 基于jQuery对象和DOM对象和字符串之间的转化实例
  • jquery+css实现简单的图片轮播效果
  • 使用jQuery实现鼠标点击左右按钮滑动切换
  • jQuery实现上传图片前预览效果功能
  • jQuery初级教程之网站品牌列表效果
  • 基于jquery实现多选下拉列表
  • jQuery接受后台传递的List的实例详解
  • 详解jquery选择器的原理
  • jQuery上传插件webupload使用方法
  • 关于jquery form表单序列化的注意事项详解

相关文章

  • jquery实现的一个导航滚动效果具体代码
  • jquery实现简单的全选和反选功能
  • CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
  • 浅谈Jquery核心函数
  • jQuery实现下拉框左右选择的简单实例
  • jQuery横向擦除焦点图特效代码分享
  • jQuery实现表格展开与折叠的方法
  • jQuery调用Webservice传递json数组的方法
  • jquery 关于event.target使用的几点说明介绍
  • JQUERY对单选框(radio)操作的小例子

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • JQuery中阻止事件冒泡几种方式及其区别介绍
    • jquery向上向下取整适合分页查询
    • 浅谈jquery上下滑动的注意事项
    • jQuery插件EasyUI校验规则 validatebox验证框
    • 一个很简单的jquery+xml+ajax的无刷新树结构(无css,后台是c#)
    • 基于JQUERY的两个ListBox子项互相调整的实现代码
    • Jquery $.getJSON 在IE下的缓存问题解决方法
    • jQuery切换网页皮肤并保存到Cookie示例代码
    • Jquery弹出层插件ThickBox的使用方法
    • jQuery插件Tmpl的简单使用方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有