中国省市区地址三级联动jQuery插件:一个简单的jQuery插件,用于选择中国的省、市、区

在前端时间项目开发中因为使用的是jQuery 项目需要用到三级联动 在网上找了很久都不是比较简便和理想 最后不经意之间找到这个插件 也顺便分享给大家 博主在次处作为转载方 开源不易大家也可也到原博主的GitHub中点上☆☆支持一下
插件有很多种不同模式 在配置、兼容、和使用方面都比较完美
在页面中引入封装好了的必要js文件即可其使用方式有多种可根据实际需要进行使用
1:直接引用 自动关联

在这里插入图片描述
2:自定义占位符

在这里插入图片描述
3:自定义默认选中区域

在这里插入图片描述
4:使用$(jQuery的方式直接初始化)

在这里插入图片描述
jQuery方式的自定义占位符

在这里插入图片描述
jQuery方式设置默认选中的部分

在这里插入图片描述
如果根据需求不提供区、或、市的选择去掉多余的select标签即可
如:仅省、市联动

在这里插入图片描述
仅省

在这里插入图片描述
取消占位符
设置placeholder为false即可

$("#distpicker").distpicker({
  placeholder: false
});

取消自动关联
设置autoSelect为false即可

$("#distpicker").distpicker({
  autoSelect: false
});

页面中引用的必要js文件 当然jQuery是比不可少的 这里我只提示三级联动的必要js文件




js资源文件链接:https://download.csdn.net/download/qq_41193701/12031565
原作者GitHub链接:https://github.com/fengyuanchen/distpicker

你可能感兴趣的:(jQuery插件)