码迷,mamicode.com
首页 > Web开发 > 详细

#JS 中国省市选择插件

时间:2018-09-20 13:10:26      阅读:1268      评论:0      收藏:0      [点我收藏+]

标签:中国   border   bsp   下载   col   技术   前端   默认值   前端学习   

中国省市选择插件  ChineseCities

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);
  }//选择后的回调函数
});  

API文档

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

 

案例展示

技术分享图片

#JS 中国省市选择插件

标签:中国   border   bsp   下载   col   技术   前端   默认值   前端学习   

原文地址:https://www.cnblogs.com/KevinTseng/p/9680175.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!