全国省份及市的关联下拉框(js实现)
2015-06-16 11:22
543 查看
/** * 省市级联菜单 */ var cityList =newArray();//定义城市数组 cityList['安徽']=['合肥', '安庆', '蚌埠', '亳州', '巢湖', '滁州', '阜阳', '贵池', '淮北', '淮化', '淮南', '黄山', '九华山', '六安', '马鞍山', '宿州', '铜陵', '屯溪', '芜湖', '宣城']; cityList['北京']=['东城', '西城', '崇文', '宣武', '朝阳', '丰台', '石景山', '海淀', '门头沟', '房山', '通州', '顺义', '昌平', '大兴', '平谷', '怀柔', '密云', '延庆']; cityList['重庆']=['万州', '涪陵', '渝中', '大渡', '江北', '沙坪', '九龙', '南岸', '北碚', '万盛', '双挢', '渝北', '巴南', '黔江', '长寿', '綦江', '潼南', '铜梁', '大足', '荣昌', '壁山', '梁平', '城口', '丰都', '垫江', '武隆', '忠县', '开县', '云阳', '奉节', '巫山', '巫溪', '石柱', '秀山', '酉阳', '彭水', '江津', '合川', '永川', '南川']; cityList['福建']=['福州', '福安', '龙岩', '南平', '宁德', '莆田', '泉州', '三明', '邵武', '石狮', '晋江', '永安', '武夷山', '厦门', '漳州']; cityList['甘肃']=['兰州', '白银', '定西', '敦煌', '甘南', '金昌', '酒泉', '临夏', '平凉', '天水', '武都', '武威', '西峰', '嘉峪关', '张掖']; cityList['广东']=['广州', '潮阳', '潮州', '澄海', '东莞', '佛山', '河源', '惠州', '江门', '揭阳', '开平', '茂名', '梅州', '清远', '汕头', '汕尾', '韶关', '深圳', '顺德', '阳江', '英德', '云浮', '增城', '湛江', '肇庆', '中山', '珠海']; cityList['广西']=['南宁', '百色', '北海', '桂林', '防城港', '河池', '贺州', '柳州', '来宾', '钦州', '梧州', '贵港', '玉林']; cityList['贵州']=['贵阳', '安顺', '毕节', '都匀', '凯里', '六盘水', '铜仁', '兴义', '玉屏', '遵义']; cityList['海南']=['海口', '三亚', '五指山', '琼海', '儋州', '文昌', '万宁', '东方', '定安', '屯昌', '澄迈', '临高', '万宁', '白沙黎族', '昌江黎族', '乐东黎族', '陵水黎族', '保亭黎族', '琼中黎族', '西沙群岛', '南沙群岛', '中沙群岛']; cityList['河北']=['石家庄', '保定', '北戴河', '沧州', '承德', '丰润', '邯郸', '衡水', '廊坊', '南戴河', '秦皇岛', '唐山', '新城', '邢台', '张家口']; cityList['黑龙江']=['哈尔滨', '北安', '大庆', '大兴安岭', '鹤岗', '黑河', '佳木斯', '鸡西', '牡丹江', '齐齐哈尔', '七台河', '双鸭山', '绥化', '伊春']; cityList['河南']=['郑州', '安阳', '鹤壁', '潢川', '焦作', '济源', '开封', '漯河', '洛阳', '南阳', '平顶山', '濮阳', '三门峡', '商丘', '新乡', '信阳', '许昌', '周口', '驻马店']; cityList['香港']=['香港', '九龙', '新界']; cityList['湖北']=['武汉', '恩施', '鄂州', '黄冈', '黄石', '荆门', '荆州', '潜江', '十堰', '随州', '武穴', '仙桃', '咸宁', '襄阳', '襄樊', '孝感', '宜昌']; cityList['湖南']=['长沙', '常德', '郴州', '衡阳', '怀化', '吉首', '娄底', '邵阳', '湘潭', '益阳', '岳阳', '永州', '张家界', '株洲']; cityList['江苏']=['南京', '常熟', '常州', '海门', '淮安', '江都', '江阴', '昆山', '连云港', '南通', '启东', '沭阳', '宿迁', '苏州', '太仓', '泰州', '同里', '无锡', '徐州', '盐城', '扬州', '宜兴', '仪征', '张家港', '镇江', '周庄']; cityList['江西']=['南昌', '抚州', '赣州', '吉安', '景德镇', '井冈山', '九江', '庐山', '萍乡', '上饶', '新余', '宜春', '鹰潭']; cityList['吉林']=['长春', '白城', '白山', '珲春', '辽源', '梅河', '吉林', '四平', '松原', '通化', '延吉']; cityList['辽宁']=['沈阳', '鞍山', '本溪', '朝阳', '大连', '丹东', '抚顺', '阜新', '葫芦岛', '锦州', '辽阳', '盘锦', '铁岭', '营口']; cityList['澳门']=['澳门']; cityList['内蒙古']=['呼和浩特', '阿拉善盟', '包头', '赤峰', '东胜', '海拉尔', '集宁', '临河', '通辽', '乌海', '乌兰浩特', '锡林浩特']; cityList['宁夏']=['银川', '固原', '中卫', '石嘴山', '吴忠']; cityList['青海']=['西宁', '德令哈', '格尔木', '共和', '海东', '海晏', '玛沁', '同仁', '玉树']; cityList['山东']=['济南', '滨州', '兖州', '德州', '东营', '菏泽', '济宁', '莱芜', '聊城', '临沂', '蓬莱', '青岛', '曲阜', '日照', '泰安', '潍坊', '威海', '烟台', '枣庄', '淄博']; cityList['上海']=['崇明', '黄浦', '卢湾', '徐汇', '长宁', '静安', '普陀', '闸北', '虹口', '杨浦', '闵行', '宝山', '嘉定', '浦东', '金山', '松江', '青浦', '南汇', '奉贤', '朱家角']; cityList['山西']=['太原', '长治', '大同', '候马', '晋城', '离石', '临汾', '宁武', '朔州', '忻州', '阳泉', '榆次', '运城']; cityList['陕西']=['西安', '安康', '宝鸡', '汉中', '渭南', '商州', '绥德', '铜川', '咸阳', '延安', '榆林']; cityList['四川']=['成都', '巴中', '达州', '德阳', '都江堰', '峨眉山', '涪陵', '广安', '广元', '九寨沟', '康定', '乐山', '泸州', '马尔康', '绵阳', '眉山', '南充', '内江', '攀枝花', '遂宁', '汶川', '西昌', '雅安', '宜宾', '自贡', '资阳']; cityList['台湾']=['台北', '基隆', '台南', '台中', '高雄', '屏东', '南投', '云林', '新竹', '彰化', '苗栗', '嘉义', '花莲', '桃园', '宜兰', '台东', '金门', '马祖', '澎湖', '其它']; cityList['天津']=['天津', '和平', '东丽', '河东', '西青', '河西', '津南', '南开', '北辰', '河北', '武清', '红挢', '塘沽', '汉沽', '大港', '宁河', '静海', '宝坻', '蓟县']; cityList['新疆']=['乌鲁木齐', '阿克苏', '阿勒泰', '阿图什', '博乐', '昌吉', '东山', '哈密', '和田', '喀什', '克拉玛依', '库车', '库尔勒', '奎屯', '石河子', '塔城', '吐鲁番', '伊宁']; cityList['西藏']=['拉萨', '阿里', '昌都', '林芝', '那曲', '日喀则', '山南']; cityList['云南']=['昆明', '大理', '保山', '楚雄', '大理', '东川', '个旧', '景洪', '开远', '临沧', '丽江', '六库', '潞西', '曲靖', '思茅', '文山', '西双版', '玉溪', '中甸', '昭通']; cityList['浙江']=['杭州', '安吉', '慈溪', '定海', '奉化', '海盐', '黄岩', '湖州', '嘉兴', '金华', '临安', '临海', '丽水', '宁波', '瓯海', '平湖', '千岛湖', '衢州', '江山', '瑞安', '绍兴', '嵊州', '台州', '温岭', '温州', '余姚', '舟山']; /** * 省份值改变后对应选择市改变 * @param provinceObj * @param cityObj */ function changeCity(provinceObj,cityObj){ var provinceValue = provinceObj.value; cityObj.length =0; for(var province in cityList){ if(province == provinceValue){ for(var city in cityList[province]){ cityObj.options.add(newOption(cityList[province][city],cityList[province][city])); } } } cityObj.selectedIndex =0; //cityObj.options.selectIndex=0; } /** * 页面载入时执行 * @param proviceObj */ function loadAll(proviceObj){//动态创建城市option for(var i in cityList){ proviceObj.options.add(newOption(i,i)); } proviceObj.selectedIndex =0; } //调用例子: var provinceObj = document.reportForm.string1; loadAll(provinceObj); function changeCityByProvince(){ var cityObj = document.reportForm.string2; if(provinceObj.value==""){ cityObj.length =0; cityObj.options.add(newOption("--请选择城市--","")); }else{ changeCity(provinceObj,cityObj); } }
来自为知笔记(Wiz)
相关文章推荐
- Extjs控件属性
- 详解JavaScript对W3C DOM模版的支持情况
- JS 表单学习笔记
- json中带数组数据
- javascript同源策略及解决
- 媒体查询iphone6、iphone6 plus,js判断设备型号
- js 变量作为 对象的属性
- JS:跟随鼠标移动的图片,兼容IE与DOM浏览器(已在实际中用懂啊)
- Java 6 中也可以运行 javascript 喽 (转)
- javascript传入参数,引用or形参
- js class模型 关于 初始化key值为非基本类型是 实例之间是引用该变量
- 简述JavaScript对传统文档对象模型的支持
- 纯javascript实现四方向文本无缝滚动效果
- 从json_encode过来的的字符串被返回到html页面时的解析
- Extjs Grid 中文排序
- 201506160850_《JavaScript权威指南(第六版)——方法调用》(P168-171)
- 简述JavaScript的正则表达式中test()方法的使用
- 我也谈javascript正则匹配
- Javascript之typeof与instanceof
- javascript this 关键字以及四种函数调用模式