#JS 中国省市选择插件

Posted 2021-01-07 KevinTseng

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了#JS 中国省市选择插件相关的知识，希望对你有一定的参考价值。

中国省市选择插件 ChineseCities

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

源码查看点击下载

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\':\'城市名\'}