1.原生JS，不依赖jquery,zepto
2.前端学习交流群：739574382
https://github.com/chaorenzeng/ChineseCities
1.引用 ChineseCities.min.js
2.拷贝以下布局结构
<select id="province"> <option value="请选择城市">请选择省份</option> </select> <select id="city"> <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‘:‘城市名‘} |
原文：https://www.cnblogs.com/KevinTseng/p/9680175.html