中国省市区地址三级联动插件---jQuery Distpicker

插件描述：distpicker是一款可以实现中国省市区地址三级联动jQuery插件。它使用简单，简单设置即可完成中国省市区地址联动效果。

【官网】https://fengyuanchen.github.io/distpicker/

【CDN地址】http://www.bootcdn.cn/distpicker/

【源代码】https://github.com/fengyuanchen/distpicker

安装可使用CDN方法

使用插件需要同时引用 jQuery和 Distpicker插件

<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/distpicker/2.0.3/distpicker.js"></script>

使用方法

data-toggle="distpicker"用来初始化插件

data-province

data-city

data-district
用来自定义占位符

基本的HTML结构是使用一个<div>容器来包裹一组<select>元素。

1 <div data-toggle="distpicker"><!-- container -->
2   <select></select><!-- 省 -->
3   <select></select><!-- 市 -->
4   <select></select><!-- 区 -->
5 </div>

默认初始化显示占位符也可以自定义省市区。

1 <div data-toggle="distpicker">
2   <select data-province="浙江省"></select>
3   <select data-city="杭州市"></select>
4   <select data-district="西湖区"></select>
5 </div>

 

更多专业前端知识，请上 【猿2048】www.mk2048.com