-

layui省市县区三级联动下拉选择器

  基于layui实现的省市县区三级联动下拉选择器  关于本省市区级联下拉选择器  本选择器已经将它封装成一个layui的插件,使用起来非常方便,支持一个页面中使用多个省市区选择器,并且支持选择结果回调,支持自定义lay-filter。  

  基于layui实现的省市县区三级联动下拉选择器

  关于本省市区级联下拉选择器

  本选择器已经将它封装成一个layui的插件,使用起来非常方便,支持一个页面中使用多个省市区选择器,并且支持选择结果回调,支持自定义lay-filter。

layui省市县区三级联动下拉选择器

  使用方法以及一些约定

  html部分

  整个选择器需要使用一个父标签包裹,如下使用了id="area-picker",并且分别给省、市、区的select加上province-selector、city-selector、county-selector,用来区分对应的内容标签,这里也可以自定义lay-filter,当一个页面有多个省市区选择器的时候,需要每组lay-filter命名不一样,因此,最好的方式是,不手动设置lay-filter。每个select可以指定初始值,在select上写data-value=""即可。初始值也可以通过js设置。

效果预览:layui省市县区三级联动下拉选择器代码demo演示

下载地址:layui省市县区三级联动下拉选择器下载
通过上面的阅读,也许你已大致了解如何使用 《layui省市县区三级联动下拉选择器》 了,不过你可能还需要继续阅读后面的文档,尤其是「基础说明」。
那么,欢迎你开始拥抱 layui!愿它能成为你得心应手的 Web 界面解决方案,化作你方寸屏幕前的亿万字节!

layui - 在每一个细节中,用心与你沟通