根据飞扬 <自己做的一个省市联动菜单>改写而成,支持IE、Firefox、XHTML1.0

原文 链接:http://www.blogjava.net/Yang/archive/2005/11/08/18797.html

<SCRIPT LANGUAGE = ""javascript"" type=""text/javascript"">

if(navigator.userAgent.indexOf(""MSIE"") > 0){
    document.body.οnlοad=setup;
}
else{
    window.οnlοad=setup;
}
var nowPro='--请选择--';
var nowCity='--请选择--';
var pro_City=new Array();
var province='--请选择--,北京市,天津市,河北省,山西省,内蒙古自治区,辽宁省,吉林省,黑龙江省,上海市,江苏省,浙江省,安徽省,福建省,江西省,山东省,河南省,湖北省,湖南省,广东省,广西自治区,海南省,重庆市,四川省,贵州省,云南省,西藏自治区,陕西省,甘肃省,青海省,宁夏自治区,新疆自治区,香港特别行政区,澳门特别行政区,台湾省,其它';
pro_City[0]='--请选择--';
pro_City[1]='北京市';
pro_City[2]='天津市';
pro_City[3]='河北省,石家庄市,唐山市,秦皇岛市,邯郸市,邢台市,保定市,张家口市,承德市,沧州市,廊坊市,衡水市';
pro_City[4]='山西省,太原市,大同市,阳泉市,长治市,晋城市,朔州市,晋中市,运城市,忻州市,临汾市,吕梁市';
pro_City[5]='内蒙古自治区,呼和浩特市,包头市,乌海市,赤峰市,通辽市,鄂尔多斯市,呼伦贝尔市,巴彦淖尔市,乌兰察布市,锡林浩特市,乌兰浩特市';
pro_City[6]='辽宁省,沈阳市,大连市,鞍山市,抚顺市,本溪市,丹东市,锦州市,葫芦岛市,营口市,盘锦市,阜新市,辽阳市,铁岭市,朝阳市';
pro_City[7]='吉林省,长春市,吉林市,四平市,辽源市,通化市,白山市,松原市,白城市,延吉市';
pro_City[8]='黑龙江省,哈尔滨市,齐齐哈尔市,鹤岗市,双鸭山市,鸡西市,大庆市,伊春市,牡丹江市,佳木斯市,七台河市,黑河市,绥化市';
pro_City[9]='上海市';
pro_City[10]='江苏省,南京市,无锡市,徐州市,常州市,苏州市,南通市,连云港市,淮安市,盐城市,扬州市,镇江市,泰州市,宿迁市';
pro_City[11]='浙江省,杭州市,宁波市,温州市,嘉兴市,湖州市,绍兴市,金华市,衢州市,舟山市,台州市,丽水市';
pro_City[12]='安徽省,合肥市,芜湖市,蚌埠市,淮南市,马鞍山市,淮北市,铜陵市,安庆市,黄山市,滁州市,阜阳市,宿州市,巢湖市,六安市,亳州市,池州市,宣城市';
pro_City[13]='福建省,福州市,厦门市,莆田市,三明市,泉州市,漳州市,南平市,龙岩市,宁德市';
pro_City[14]='江西省,南昌市,景德镇市,萍乡市,新余市,九江市,鹰潭市,赣州市,吉安市,宜春市,抚州市,上饶市';
pro_City[15]='山东省,济南市,青岛市,淄博市,枣庄市,东营市,潍坊市,烟台市,威海市,济宁市,泰安市,日照市,莱芜市,德州市,临沂市,聊城市,滨州市,菏泽市';
pro_City[16]='河南省,郑州市,开封市,洛阳市,平顶山市,焦作市,鹤壁市,新乡市,安阳市,濮阳市,许昌市,漯河市,三门峡市,南阳市,商丘市,信阳市,周口市,驻马店市,济源市';
pro_City[17]='湖北省,武汉市,黄石市,襄樊市,十堰市,荆州市,宜昌市,荆门市,鄂州市,孝感市,黄冈市,咸宁市,随州市,恩施市,仙桃市,天门市,潜江市';
pro_City[18]='湖南省,长沙市,株洲市,湘潭市,衡阳市,邵阳市,岳阳市,常德市,张家界市,益阳市,郴州市,永州市,怀化市,娄底市,吉首市';
pro_City[19]='广东省,广州市,深圳市,珠海市,汕头市,韶关市,佛山市,江门市,湛江市,茂名市,肇庆市,惠州市,梅州市,汕尾市,河源市,阳江市,清远市,东莞市,中山市,潮州市,揭阳市,云浮市';
pro_City[20]='广西自治区,南宁市,柳州市,桂林市,梧州市,北海市,防城港市,钦州市,贵港市,玉林市,百色市,贺州市,河池市,来宾市,崇左市';
pro_City[21]='海南省,海口市,三亚市';
pro_City[22]='重庆市';
pro_City[23]='四川省,成都市,自贡市,攀枝花市,泸州市,德阳市,绵阳市,广元市,遂宁市,内江市,乐山市,南充市,宜宾市,广安市,达州市,眉山市,雅安市,巴中市,资阳市,西昌市';
pro_City[24]='贵州省,贵阳市,六盘水市,遵义市,安顺市,铜仁市,毕节市,兴义市,凯里市,都匀市';
pro_City[25]='云南省,昆明市,曲靖市,玉溪市,保山市,昭通市,丽江市,思茅市,临沧市,景洪市,楚雄市,大理市,潞西市';
pro_City[26]='西藏自治区,拉萨市,日喀则市';
pro_City[27]='陕西省,西安市,铜川市,宝鸡市,咸阳市,渭南市,延安市,汉中市,榆林市,安康市,商洛市';
pro_City[28]='甘肃省,兰州市,金昌市,白银市,天水市,嘉峪关市,武威市,张掖市,平凉市,酒泉市,庆阳市,定西市,陇南市,临夏市,合作市';
pro_City[29]='青海省,西宁市,德令哈市,格尔木市';
pro_City[30]='宁夏自治区,银川市,石嘴山市,吴忠市,固原市,中卫市';
pro_City[31]='新疆自治区,乌鲁木齐市,克拉玛依市,吐鲁番市,哈密市,和田市,阿克苏市,喀什市,阿图什市,库尔勒市,昌吉市,博乐市,伊宁市,塔城市,阿勒泰市,石河子市,阿拉尔市,图木舒克市,五家渠市,';
pro_City[32]='香港特别行政区';
pro_City[33]='澳门特别行政区';
pro_City[34]='台湾省,台北市,高雄市,基隆市,台中市,台南市,新竹市,嘉义市';
pro_City[35]='其它';

function setup(){
 var Array_city;
 var Array_province;
 Array_province=province.split(',');

for(i=0;i<Array_province.length;i++)
 {   
   var provinceT = document.getElementById('province');
   var newOne = new Option(Array_province[i], i);

if(navigator.userAgent.indexOf('MSIE')>0)
   {
        provinceT.options.add(newOne);//IE
    }
    else
    {
        provinceT.add(newOne, provinceT.options[provinceT.options.length]); //Firefox
    }

if(nowPro==Array_province[i])
   {
       provinceT.options[i].selected = true;

Array_city=pro_City[i].split(',');
       //alert(Array_city.length);
       if(Array_city.length>1)
       {
            for(j=0;j<Array_city.length;j++)
            {
                var cityT = document.getElementById('city');
                var newCity = new Option(Array_city[j], j);
                if(navigator.userAgent.indexOf('MSIE')>0)
                {
                    cityT.options.add(newCity);//IE
                }
                else
                {
                    cityT.add(newCity, cityT.options[cityT.options.length]); //Firefox
                }
                if(nowCity==Array_city[j])
                {
                    //alert('Selected');
                    cityT.options[j].selected = true;
                }
            }//for(j=0;j<Array_city.length;j++)
        }//if(Array_city.length>1)
   }//if(nowPro==Array_province[i])
 }//for(i=0;i<Array_province.length;i++)
 on_pro_select_change();//触发选项改变事件
}//Func

function on_pro_select_change(){
 var nowSelectIndex=document.getElementById('province').selectedIndex;
 for(i=document.getElementById('city').length-1;i>=0;i--){document.getElementById('city').remove(i);}
 var Array_city=pro_City[nowSelectIndex].split(',');
   if(Array_city.length>1){
    for(j=1;j<Array_city.length;j++){
     document.getElementById('city').options.add(new Option(Array_city[j],j));
     if(nowCity==Array_city[j]){document.getElementById('city')[j].selected=true;}
    }
   }else{
    document.getElementById('city').options.add(new Option(pro_City[nowSelectIndex],0));
   }
}
</SCRIPT>

转载于:https://www.cnblogs.com/DotNetEarthworm/archive/2009/02/05/1384390.html

支持XHTML、IE、FF的省市联动菜单相关推荐

  1. 三级省市联动菜单的js源码

    <html> <head> <title>省市县关联菜单</title> <meta http-equiv="Content-Type& ...

  2. addoption php,无忧建站-ajax+php无刷新二级联动下拉菜单(省市联动)源码

    /** * ajax无刷新二级联动下拉菜单(省市联动) * * @author      arcow * @version     1.0 * @lastupdate  2005-12-29 * */ ...

  3. JS省市二级联动菜单,sky整理收集。

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  4. 中国地区三级联动菜单(纯js制作)

    第一步:在网页中写入如下代码: <!DOCTYPE html> <!--次行代表使用的是html5,如果不支持请换成html4--> <html> <head ...

  5. 二级联动菜单,简单实现

    /*** jQuery Linkage Menu** Copyright 2014, sunyingyuan* QQ: 1586383022* Email: yingyuansun@163.com** ...

  6. ajax省市联动案例,AJAX案例四:省市联动(示例代码)

    1 2 3 4 5 6 7 8 My JSP \'ajax5.jsp\' starting page 9 10 11 12 13 14 15 18 19 functioncreateXMLHttpRe ...

  7. 分类二级联动 php,学习猿地-php实现二级联动菜单

    php实现二级联动菜单的方法:首先根据大类的值,通过jQuery把值传给后台PHP处理:然后用PHP查询MySQl数据库,得到相应的小类:最后返回JSON数据给前端处理即可. jq+php+mysql ...

  8. 转载 javascript联动菜单

    JavaScript-联动select菜单完全解析,看完本例后你将彻底了解有关网页联动菜菜的用法.如果再配上Ajax技术,那么联动的select框效果将会更好. 下载与演示地址 http://lsln ...

  9. 全国省市县无刷新多级联动菜单

    全国省市县无刷新多级联动菜单 <html> <head> <title>省市县关联菜单</title> <meta http-equiv=&quo ...

最新文章

  1. Gibbs sampling
  2. snapshot相关
  3. 水滴石穿之IFRANME加载完成判断、获取函数的动态参数信息
  4. 【Java语法】关于使用new和不使用new的数组值传递还是引用传递的问题
  5. 《看聊天记录都学不会C语言?太菜了吧》(12)循环有多容易?你看一眼就怀...
  6. 千兆交换机下面可以接多少层交换机_高清监控怎么选配交换机
  7. 【Elasticsearch】10分钟查询一个petabyte的云存储容量
  8. Multiavatar 多元文化头像生成器
  9. Julia: 由0.3 升级到0.4 版本的变化
  10. CentOS 7.4 64位 .tar.bz2 解压
  11. 东力减速机电机型号_东力齿轮减速电机的选型
  12. python遥感图像处理_遥感数字图像处理
  13. Redhat Crash Utility-Ramdump
  14. 有哪些让你印象深刻的bug?
  15. rsync和inotify远程同步
  16. 使用Libgdx游戏引擎做的2D横版过关游戏
  17. 计算机与通信学院方阵解说词,方阵解说词
  18. 华硕电脑改光驱启动计算机,华硕笔记本win7系统如何设置光驱为第一启动项
  19. 【Numpy】多维度切片截取
  20. 如何黑入安卓手机(ezsploit)

热门文章

  1. pdf2htmlEX实现pdf转html 通过java执行命令生成页面
  2. C++ explicit关键字用法详解
  3. 输电线路北斗地质灾害在线监测装置,精准监测杆塔沉降
  4. HTML使用onmouseover属性更改背景颜色
  5. c++11 智能指针 (std::unique_ptr)(一)
  6. 商店英雄显示无法连接服务器,商店英雄: 冒险任务总是显示无法连接网络
  7. Android高级工程师必备知识!Android学习路线指南,复习指南
  8. WebService(3)——使用免费的天气预报WebService
  9. NeurIPS22 | 分子图分布外泛化与因果不变性
  10. 关于百钱买百鸡的解题思想