Plugin 中国省市选择插件

中国省市选择插件  ChineseCities

1.原生JS，不依赖jquery,zepto
2.前端学习交流群：814798690

源码查看 点击下载

https://github.com/chaorenzeng/ChineseCities

快速使用  

1.引用 ChineseCities.min.js
2.拷贝以下布局结构

<select >
　　<option value="请选择城市">请选择省份</option>
</select>
<select >
　　<option value="请选择城市">请选择城市</option>
</select>

3.创建ChineseCities对象:

var chineseCities = new ChineseCities({
　　'province':'province', //省份ID
　　'city':'city', //城市ID
　　'hasSelect': function(data){
　　　　console.log(data);
　　}//选择后的回调函数
});　　

可选参数 

参数名	默认值	说明
province	null	省份下拉框ID
city	null	城市下拉框ID
hasSelect	function(data){...}	选择后的回调，返回数据{'province':'省份名','city':'城市名'}

 

案例展示