插件描述: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-provincedata-citydata-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>