最好用的省市二级联动 原生js实现你值得拥有


Posted in Javascript onSeptember 22, 2013
<script language=javascript> cities = new Object(); 
cities['台湾']=new Array('台北','台南','其他'); 
cities['马来西亚']=new Array('Malaysia'); 
cities['北京']=new Array('北京'); 
cities['上海']=new Array('上海'); 
cities['天津']=new Array('天津'); 
cities['重庆']=new Array('重庆'); 
cities['河北省']=new Array('石家庄', '张家口', '承德', '秦皇岛', '唐山', '廊坊', '保定', '沧州', '衡水', '邢台', '邯郸'); 
cities['山西省']=new Array('太原', '大同', '朔州', '阳泉', '长治', '晋城', '忻州', '吕梁', '晋中', '临汾', '运城'); 
cities['辽宁省']=new Array('沈阳', '朝阳', '阜新', '铁岭', '抚顺', '本溪', '辽阳', '鞍山', '丹东', '大连', '营口', '盘锦', '锦州', '葫芦岛'); 
cities['吉林省']=new Array('长春', '白城', '松原', '吉林', '四平', '辽源', '通化', '白山', '延边'); 
cities['黑龙江省']=new Array('哈尔滨', '齐齐哈尔', '黑河', '大庆', '伊春', '鹤岗', '佳木斯', '双鸭山', '七台河', '鸡西', '牡丹江', '绥化', '大兴安'); 
cities['江苏省']=new Array('南京', '徐州', '连云港', '宿迁', '淮阴', '盐城', '扬州', '泰州', '南通', '镇江', '常州', '无锡', '苏州'); 
cities['浙江省']=new Array('杭州', '湖州', '嘉兴', '舟山', '宁波', '绍兴', '金华', '台州', '温州', '丽水'); 
cities['安徽省']=new Array('合肥', '宿州', '淮北', '阜阳', '蚌埠', '淮南', '滁州', '马鞍山', '芜湖', '铜陵', '安庆', '黄山', '六安', '巢湖', '池州', '宣城'); 
cities['福建省']=new Array('福州', '南平', '三明', '莆田', '泉州', '厦门', '漳州', '龙岩', '宁德'); 
cities['江西省']=new Array('南昌', '九江', '景德镇', '鹰潭', '新余', '萍乡', '赣州', '上饶', '抚州', '宜春', '吉安'); 
cities['山东省']=new Array('济南', '聊城', '德州', '东营', '淄博', '潍坊', '烟台', '威海', '青岛', '日照', '临沂', '枣庄', '济宁', '泰安', '莱芜', '滨州', '菏泽'); 
cities['河南省']=new Array('郑州', '三门峡', '洛阳', '焦作', '新乡', '鹤壁', '安阳', '濮阳', '开封', '商丘', '许昌', '漯河', '平顶山', '南阳', '信阳', '周口', '驻马店'); 
cities['湖北省']=new Array('武汉', '十堰', '襄攀', '荆门', '孝感', '黄冈', '鄂州', '黄石', '咸宁', '荆州', '宜昌', '恩施', '襄樊'); 
cities['湖南省']=new Array('长沙', '张家界', '常德', '益阳', '岳阳', '株洲', '湘潭', '衡阳', '郴州', '永州', '邵阳', '怀化', '娄底', '湘西'); 
cities['广东省']=new Array('广州', '清远', '韶关', '河源', '梅州', '潮州', '汕头', '揭阳', '汕尾', '惠州', '东莞', '深圳', '珠海', '江门', '佛山', '肇庆', '云浮', '阳江', '茂名', '湛江'); 
cities['海南省']=new Array('海口', '三亚'); 
cities['四川省']=new Array('成都', '广元', '绵阳', '德阳', '南充', '广安', '遂宁', '内江', '乐山', '自贡', '泸州', '宜宾', '攀枝花', '巴中', '达川', '资阳', '眉山', '雅安', '阿坝', '甘孜', '凉山'); 
cities['贵州省']=new Array('贵阳', '六盘水', '遵义', '毕节', '铜仁', '安顺', '黔东南', '黔南', '黔西南'); 
cities['云南省']=new Array('昆明', '曲靖', '玉溪', '丽江', '昭通', '思茅', '临沧', '保山', '德宏', '怒江', '迪庆', '大理', '楚雄', '红河', '文山', '西双版纳'); 
cities['陕西省']=new Array('西安', '延安', '铜川', '渭南', '咸阳', '宝鸡', '汉中', '榆林', '商洛', '安康'); 
cities['甘肃省']=new Array('兰州', '嘉峪关', '金昌', '白银', '天水', '酒泉', '张掖', '武威', '庆阳', '平凉', '定西', '陇南', '临夏', '甘南'); 
cities['青海省']=new Array('西宁', '海东', '西宁', '海北', '海南', '黄南', '果洛', '玉树', '海西'); 
cities['内蒙古']=new Array('呼和浩特', '包头', '乌海', '赤峰', '呼伦贝尔盟', '兴安盟', '哲里木盟', '锡林郭勒盟', '乌兰察布盟', '鄂尔多斯', '巴彦淖尔盟', '阿拉善盟'); 
cities['广西']=new Array('南宁', '桂林', '柳州', '梧州', '贵港', '玉林', '钦州', '北海', '防城港', '南宁', '百色', '河池', '柳州', '贺州'); 
cities['西藏']=new Array('拉萨', '那曲', '昌都', '林芝', '山南', '日喀则', '阿里'); 
cities['宁夏']=new Array('银川', '石嘴山', '吴忠', '固原'); 
cities['新疆']=new Array('乌鲁木齐', '克拉玛依', '喀什', '阿克苏', '和田', '吐鲁番', '哈密', '博尔塔拉', '昌吉', '巴音郭楞', '伊犁', '塔城', '阿勒泰'); 
cities['香港']=new Array('香港'); 
cities['澳门']=new Array('澳门'); 
function set_city(province, city) 
{ 
var pv, cv; 
var i, ii; 
pv=province.value; 
cv=city.value; 
city.length=1; 
if(pv=='0') return; 
if(typeof(cities[pv])=='undefined') return; 
for(i=0; i<cities[pv].length; i++) 
{ 
ii = i+1; 
city.options[ii] = new Option(); 
city.options[ii].text = cities[pv][i]; 
city.options[ii].value = cities[pv][i]; 
} 
} 
</script> 
<SELECT name="sheng" id="to_cn" onchange="set_city(this, document.getElementById('city')); WYL();" class=login_text_input > 
<option value=0>请选择</option> 
<option value=台湾>台湾</option> 
<option value=马来西亚>马来西亚</option> 
<option value=北京>北京</option> 
<option value=上海>上海</option> 
<option value=天津>天津</option> 
<option value=重庆>重庆</option> 
<option value=河北省>河北省</option> 
<option value=山西省>山西省</option> 
<option value=辽宁省>辽宁省</option> 
<option value=吉林省>吉林省</option> 
<option value=黑龙江省>黑龙江省</option> 
<option value=江苏省>江苏省</option> 
<option value=浙江省>浙江省</option> 
<option value=安徽省>安徽省</option> 
<option value=福建省>福建省</option> 
<option value=江西省>江西省</option> 
<option value=山东省>山东省</option> 
<option value=河南省>河南省</option> 
<option value=湖北省>湖北省</option> 
<option value=湖南省>湖南省</option> 
<option value=广东省>广东省</option> 
<option value=海南省>海南省</option> 
<option value=四川省>四川省</option> 
<option value=贵州省>贵州省</option> 
<option value=云南省>云南省</option> 
<option value=陕西省>陕西省</option> 
<option value=甘肃省>甘肃省</option> 
<option value=青海省>青海省</option> 
<option value=内蒙古>内蒙古</option> 
<option value=广西>广西</option> 
<option value=西藏>西藏</option> 
<option value=宁夏>宁夏</option> 
<option value=新疆>新疆</option> 
<option value=香港>香港</option> 
<option value=澳门>澳门</option> 
</SELECT> - 市 
<select id="city" class=login_text_input name="shi"> 
<option value=0>请选择</option> 
</select>
Javascript 相关文章推荐
关于js datetime的那点事
Nov 15 Javascript
面向对象Javascript核心支持代码分享
May 23 Javascript
jQuery prev ~ siblings选择器使用介绍
Aug 09 Javascript
chrome下img加载对height()的影响示例探讨
May 26 Javascript
JavaScript判断变量是否为空的自定义函数分享
Jan 31 Javascript
jQuery给动态添加的元素绑定事件的方法
Mar 09 Javascript
js中 计算两个日期间的工作日的简单实例
Aug 08 Javascript
JavaScript实现自定义媒体播放器方法介绍
Jan 03 Javascript
vue高德地图之玩转周边
Jun 16 Javascript
bootstrap实现点击删除按钮弹出确认框的实例代码
Aug 16 Javascript
flexible.js实现移动端rem适配方案
Apr 07 Javascript
vue实现路由懒加载的3种方法示例
Sep 01 Javascript
jquery的选择器的使用技巧之如何选择input框
Sep 22 #Javascript
JS+flash实现chrome和ie浏览器下同时可以复制粘贴
Sep 22 #Javascript
JS网页播放声音实现代码兼容各种浏览器
Sep 22 #Javascript
js和php如何获取当前url的内容
Sep 22 #Javascript
使用非html5实现js板连连看游戏示例代码
Sep 22 #Javascript
非html5实现js版弹球游戏示例代码
Sep 22 #Javascript
多种方法判断Javascript对象是否存在
Sep 22 #Javascript
You might like
js表数据排序 sort table data
2009/02/18 Javascript
jQuery 使用手册(五)
2009/09/23 Javascript
Javascript 类与静态类的实现
2010/04/01 Javascript
Javascript 去除数组的重复元素
2010/05/04 Javascript
ASP.NET MVC中EasyUI的datagrid跨域调用实现代码
2012/03/14 Javascript
jquery 实现表单验证功能代码(简洁)
2012/07/03 Javascript
Javascript开发之三数组对象实例介绍
2012/11/12 Javascript
JS动态改变表格边框宽度的方法
2015/03/31 Javascript
JS面试题---关于算法台阶的问题
2016/07/26 Javascript
轻松掌握JavaScript单例模式
2016/08/25 Javascript
AngularJS使用angular.bootstrap完成模块手动加载的方法分析
2017/01/19 Javascript
浅谈Node Inspector 代理实现
2017/10/19 Javascript
vue组件中使用iframe元素的示例代码
2017/12/13 Javascript
Three.js 再探 - 写一个微信跳一跳极简版游戏
2018/01/04 Javascript
原生实现一个react-redux的代码示例
2018/06/08 Javascript
深入解析koa之中间件流程控制
2019/06/17 Javascript
layuiAdmin循环遍历展示商品图片列表的方法
2019/09/16 Javascript
swiper实现异形轮播效果
2019/11/28 Javascript
[01:06:12]VP vs NIP 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python简单实现基数排序算法
2015/05/16 Python
python在回调函数中获取返回值的方法
2019/02/22 Python
python中break、continue 、exit() 、pass终止循环的区别详解
2019/07/08 Python
Python3如何对urllib和urllib2进行重构
2019/11/25 Python
Python urlopen()和urlretrieve()用法解析
2020/01/07 Python
Python 解决火狐浏览器不弹出下载框直接下载的问题
2020/03/09 Python
TensorFlow中如何确定张量的形状实例
2020/06/23 Python
德国内衣、泳装和睡衣网上商店:Bigsize Dessous
2018/07/09 全球购物
英国运动服、设备及配件网站:DW Sports
2019/12/04 全球购物
销售自我评价
2013/10/22 职场文书
农村改厕实施方案
2014/03/22 职场文书
我的求职择业计划书
2014/04/04 职场文书
模范教师事迹材料
2014/12/16 职场文书
2015年劳动部工作总结
2015/05/23 职场文书
七年级上册生物的课件
2019/08/07 职场文书
让文件路径提取变得更简单的Python Path库
2021/05/27 Python
SQL SERVER存储过程用法详解
2022/02/24 SQL Server