最好用的省市二级联动 原生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 相关文章推荐
学习YUI.Ext 第七天--关于View&amp;JSONView
Mar 10 Javascript
javascript 函数使用说明
Apr 07 Javascript
可编辑下拉框的2种实现方式
Jun 13 Javascript
纯js实现div内图片自适应大小(已测试,兼容火狐)
Jun 16 Javascript
如何解决谷歌浏览器下jquery无法获取图片的尺寸
Sep 10 Javascript
简单实现js选项卡切换效果
Feb 03 Javascript
vue的props实现子组件随父组件一起变化
Oct 27 Javascript
清除js缓存的多种方法总结
Dec 09 Javascript
javascript中的try catch异常捕获机制用法分析
Dec 14 Javascript
详解如何在React组件“外”使用父组件的Props
Jan 12 Javascript
动态加载权限管理模块中的Vue组件
Jan 16 Javascript
ajax请求data遇到的问题分析
Jan 18 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
php mysql Errcode: 28 终极解决方法
2009/07/01 PHP
php 小乘法表实现代码
2009/07/16 PHP
Php Ctemplate引擎开发相关内容
2012/03/03 PHP
PHP基于XMLWriter操作xml的方法分析
2017/07/17 PHP
SCP远程VPS快速搬家和WDCP升级php5.3安装memcached和eaccelerator教程
2017/07/27 PHP
CI框架(CodeIgniter)公共模型类定义与用法示例
2017/08/10 PHP
PHP实现动态创建XML文档的方法
2018/03/30 PHP
php实现银联商务公众号+服务窗支付的示例代码
2019/10/12 PHP
javascript获取checkbox复选框获取选中的选项
2014/08/12 Javascript
javascript中hasOwnProperty() 方法使用指南
2015/03/09 Javascript
微信小程序 框架详解及实例应用
2016/09/26 Javascript
纯html+css+javascript实现楼层跳跃式的页面布局(实例代码)
2017/10/25 Javascript
js中this对象用法分析
2018/01/05 Javascript
JS中判断字符串存在和非空的方法
2018/09/12 Javascript
VUE搭建手机商城心得和遇到的坑
2019/02/21 Javascript
JS实现TITLE悬停长久显示效果完整示例
2020/02/11 Javascript
简单的通用表达式求10乘阶示例
2014/03/03 Python
python单线程实现多个定时器示例
2014/03/30 Python
Python二分法搜索算法实例分析
2015/05/11 Python
在django中使用自定义标签实现分页功能
2017/07/04 Python
DataFrame 将某列数据转为数组的方法
2018/04/13 Python
tensorflow 用矩阵运算替换for循环 用tf.tile而不写for的方法
2018/07/27 Python
python使用udp实现聊天器功能
2018/12/10 Python
pycharm设置当前工作目录的操作(working directory)
2020/02/14 Python
大数据分析用java还是Python
2020/07/06 Python
使用Python解析Chrome浏览器书签的示例
2020/11/13 Python
化工专业个人的求职信范文
2013/11/28 职场文书
教师档案管理制度
2014/01/23 职场文书
幼教求职信
2014/03/12 职场文书
网站推广策划方案
2014/06/04 职场文书
授权委托书
2014/07/31 职场文书
村安全生产责任书
2014/08/25 职场文书
大学感恩节活动总结
2015/05/05 职场文书
反腐倡廉心得体会2016
2016/01/13 职场文书
html实现弹窗的实例
2021/06/09 HTML / CSS
HTML怎么设置下划线?html文字加下划线方法
2021/12/06 HTML / CSS