参考资料: 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为初始状态。