js实现下拉框‘省’,‘市’加载

news/2024/7/19 16:34:24 标签: ajax, jsp, js

<script type="text/javascript">

/* 
* 加载省份下拉框 
* 返回参数 无 
*/ 
function loadArray(country){ 
var city = []; 
city[0] = ["中国","北京市"]; 
city[1] = ["中国","上海市"]; 
city[2] = ["中国","天津市"]; 
city[3] = ["中国","重庆市"]; 
city[4] = ["中国","河北省"]; 
city[5] = ["中国","山西省"]; 
city[6] = ["中国","内蒙古自治区"]; 
city[7] = ["中国","辽宁省"]; 
city[8] = ["中国","吉林省"]; 
city[9] = ["中国","黑龙江省"]; 
city[10] = ["中国","江苏省"]; 
city[11] = ["中国","浙江省"]; 
city[12] = ["中国","安徽省"]; 
city[13] = ["中国","福建省"]; 
city[14] = ["中国","江西省"]; 
city[15] = ["中国","山东省"]; 
city[16] = ["中国","河南省"]; 
city[17] = ["中国","湖北省"]; 
city[18] = ["中国","湖南省"]; 
city[19] = ["中国","广东省"]; 
city[20] = ["中国","广西壮族自治区"]; 
city[21] = ["中国","海南省"]; 
city[22] = ["中国","四川省"]; 
city[23] = ["中国","贵州省"]; 
city[24] = ["中国","云南省"]; 
city[25] = ["中国","西藏自治区"]; 
city[26] = ["中国","陕西省"]; 
city[27] = ["中国","甘肃省"]; 
city[28] = ["中国","宁夏回族自治区"]; 
city[29] = ["中国","青海省"]; 
city[30] = ["中国","新疆维吾尔族自治区"]; 
city[31] = ["中国","香港特别行政区"]; 
city[32] = ["中国","澳门特别行政区"]; 
city[33] = ["中国","台湾省"]; 
        var i,j; 
        //清空 城市 下拉选单 
       document.all.selProvince.length = 0 ; 
        for (i = 0 ;i <city.length;i++) 
          {    
              //得到 当前省 在 城市数组中的位置 
              if(city[i][0]==country) 
                {    
                    //得到 当前省 所辖制的 地市 
                   tmpcityArray = city[i][1].split("|");
                      for(j=0;j<tmpcityArray.length;j++) 
                      { 
                        //填充 城市 下拉选单 
                        document.all.selProvince.options[document.all.selProvince.length] = new Option(tmpcityArray[j],tmpcityArray[j]); 
                      }
                }
          }
}




/* 
* 加载城市下拉框 
* 返回参数 无 
*/ 
function getCity(currProvince) 

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


        var i,j,k; 
        //清空 城市 下拉选单 
       document.all.selCity.length = 0 ; 
        for (i = 0 ;i <cityArray.length;i++) 
          {    
              //得到 当前省 在 城市数组中的位置 
              if(cityArray[i][0]==currProvince) 
                {    
                    //得到 当前省 所辖制的 地市 
                   tmpcityArray = cityArray[i][1].split("|");
                      for(j=0;j<tmpcityArray.length;j++) 
                      { 
                        //填充 城市 下拉选单 
                        document.all.selCity.options[document.all.selCity.length] = new Option(tmpcityArray[j],tmpcityArray[j]); 
                      }
                }
          } 
    }

</script>

<tr>
<td width="13%">&nbsp;电梯地址(国家):</td>
<td width="20%">
        <select name="IELI_DTDZ_GJ" onChange = "loadArray(this.options[this.selectedIndex].value)">
<option value="">-国家-</option> 
  <option value="中国">中国</option>
  <option value="国外">国外</option>
  </select></td>
<td width="13%">&nbsp;电梯地址(省):</td>
      <td width="20%">
        <select id="selProvince" onChange = "getCity(this.options[this.selectedIndex].value)" name="IELI_DTDZ_SF"> 
<option value="">-省份-</option> 
    </select></td>
        <td width="14%">&nbsp;电梯地址(市):</td>
      <td width="20%">
        <select id="selCity" name="IELI_DTDZ_CS"> 
        <option value="">-城市-</option> 
    </select></td>
    </tr>



http://www.niftyadmin.cn/n/857578.html

相关文章

AJAX实现级联下拉框

需要的JAVA类package com.ajaxlab.ajax; import java.util.ArrayList; import java.util.Collection; import java.util.Iterator; import org.jdom.Document; import org.jdom.Element; import org.jdom.input.SAXBuilder; import com.ajaxlab.ajax.ProductClass; public clas…

java AJAX实现级联下拉框

需要的JAVA类 package com.ajaxlab.ajax; import java.util.ArrayList; import java.util.Collection; import java.util.Iterator; import org.jdom.Document; import org.jdom.Element; import org.jdom.input.SAXBuilder; import com.ajaxlab.ajax.ProductClass; …

使用ajax实现城市下拉框

一个现实城市下拉框的界面html代码&#xff1a;复制代码<table><tr><td><h5>城市下拉框</h5></td><td><select id"selNation" style"width:130px"><option>请选择省市/其他...</option></…

百度地图PAI:查询自己的数据库在页面显示,点击其中任一行在地图标注 .net

今天做一个小功能需要标注地图&#xff0c;用的数据库是ORacle&#xff0c;用asp.net写的代码&#xff0c;记录一下。需要的朋友只需要修改一下数据库连接字符串就可以了&#xff0c;绑定用的是Gridview。 下载地址&#xff1a;http://download.csdn.net/detail/drr789/4559240…

百度地图API:如何查询数自己的数据库标注地图并让标注显示在最佳视野内

由于在实际项目中经常需要查询自己的数据库去标注地图&#xff0c;所以特地写了这个例子&#xff0c;数据库为oracle&#xff0c;把数据库查询出来的数据绑定到前台gridview控件&#xff0c;点击数据中的任何一行&#xff0c;实现标注。效果图&#xff1a; 地图标注代码&…

在服务器上发布Java Web项目

TOMCAT6.exe&#xff1a;http://tomcat.apache.org/download-60.cgi &#xff08;32或64&#xff09;&#xff0c;选择最后面那个&#xff0c;右击下载 先安装JDK&#xff0c;然后安装TOMCAT&#xff0c;注意&#xff0c;一定要用安装版的&#xff0c;使用.exe的安装版的JDK和…

json2.js下载

json官网&#xff1a;www.json.orgjson2.js地址&#xff1a;https://github.com/douglascrockford/JSON-js/blob/master/json2.js下载:http://dl.iteye.com/topics/download/029fa014-a35a-3e2c-a546-dfeff0176d7cjson序列化反序列化插件-json2.js 介绍和使用 - 前端编程 - IT工…

分布式,集群 session共享方案6大种很齐全

集群session共享方案(有shiro共享session的方案) 2017年06月16日 10:37:52 阅读数&#xff1a;2785 参考文章&#xff1a;使用Spring Session做分布式会话管理&#xff0c;分布式应用session会话管理-基于redis 说在前面&#xff1a;由于这篇文章参考了别人的&#xff0c;自…