最好用的省市二级联动 原生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 相关文章推荐
一个简单的JavaScript 日期计算算法
Sep 11 Javascript
本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结
Mar 25 Javascript
js网页右下角提示框实例
Oct 14 Javascript
node.js中的fs.rmdirSync方法使用说明
Dec 16 Javascript
jQuery实现拖拽效果插件的方法
Mar 23 Javascript
javascript实时显示当天日期的方法
May 20 Javascript
javascript中offset、client、scroll的属性总结
Aug 13 Javascript
Bootstrap中data-target 到底是什么
Feb 14 Javascript
Express + Session 实现登录验证功能
Sep 08 Javascript
javascript深拷贝、浅拷贝和循环引用深入理解
May 27 Javascript
浅谈PDF.js使用心得
Jun 07 Javascript
Vue 实时监听窗口变化 windowresize的两种方法
Nov 06 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
Base64在线编码解码实现代码 演示与下载
2011/01/08 PHP
php 使用array函数实现分页
2015/02/13 PHP
phpMyAdmin安装并配置允许空密码登录
2015/07/04 PHP
CentOS7系统搭建LAMP及更新PHP版本操作详解
2020/03/26 PHP
jquery插件冲突(jquery.noconflict)解决方法分享
2014/03/20 Javascript
HTML,CSS,JavaScript速查表推荐
2014/12/02 Javascript
JavaScript中rem布局在react中的应用
2015/12/09 Javascript
JavaScript中日期函数的相关操作知识
2016/08/03 Javascript
js获取指定字符前/后的字符串简单实例
2016/10/27 Javascript
利用js+css+html实现固定table的列头不动
2016/12/08 Javascript
Map.vue基于百度地图组件重构笔记分享
2017/04/17 Javascript
vue实现条件叠加搜索的解决方法
2019/05/28 Javascript
JavaScript使用canvas绘制随机验证码
2020/02/17 Javascript
[03:59]第二届DOTA2亚洲邀请赛选手传记-VGJ.rOtk
2017/04/03 DOTA
[01:08:43]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第一场 1月9日
2021/03/11 DOTA
python实现的各种排序算法代码
2013/03/04 Python
python生成器表达式和列表解析
2016/03/10 Python
python 2.6.6升级到python 2.7.x版本的方法
2016/10/09 Python
Python基础教程之内置函数locals()和globals()用法分析
2018/03/16 Python
Python使用MD5加密算法对字符串进行加密操作示例
2018/03/30 Python
在Python中给Nan值更改为0的方法
2018/10/30 Python
Python3基础教程之递归函数简单示例
2019/06/07 Python
python3读取图片并灰度化图片的四种方法(OpenCV、PIL.Image、TensorFlow方法)总结
2019/07/04 Python
wxPython多个窗口的基本结构
2019/11/19 Python
Python3+PyCharm+Django+Django REST framework配置与简单开发教程
2021/02/16 Python
台湾屈臣氏网路商店:Watsons台湾
2020/12/29 全球购物
什么是Linux虚拟文件系统VFS
2012/01/31 面试题
浙大毕业生自荐信
2014/01/26 职场文书
我们的节日端午节活动方案
2014/03/02 职场文书
闭幕式主持词
2014/04/02 职场文书
学校教研活动总结
2014/07/02 职场文书
暑期培训心得体会
2014/09/02 职场文书
党的群众路线教育实践活动对照检查材料
2014/09/22 职场文书
小学英语教学反思范文
2016/02/15 职场文书
详解Vue的列表渲染
2021/11/20 Vue.js
移除Selenium中window.navigator.webdriver值
2022/06/10 Python