jquery 中国地区三级联动插件 distpicker

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

Posted by 昆山吴彦祖 on 2019.06.04

参考资料: github


安装和使用

1、安装

npm install distpicker

或者下载js源码


2、html



3、js

$('.province_box').distpicker({
  autoSelect:false,
  placeholder:true,
  province: '-- 省 --',
  city: '-- 市 --',
  district: '-- 区 --'
});


参数设置

autoSelect:类型:Boolean,默认值:true。是否当省改变时自动选择市和区。
placeholder:类型:Boolean,默认值:true。是否显示占位文本。
province:类型:String,默认值:―― 省 ――。定义省份的初始值。如果在distpicker.data.js文件中存在该省份,将会被选择,否则显示占位文本。
city:类型:String,默认值:―― 市 ――。定义市的初始值。如果在distpicker.data.js文件中存在该市,将会被选择,否则显示占位文本。
district:类型:String,默认值:―― 区 ――。定义区的初始值。如果在distpicker.data.js文件中存在该区,将会被选择,否则显示占位文本。


方法

$().distpicker('reset'); //重置select为初始状态。


地区联动 jquery