layui省市区三级联动官方插件

所属分类:输入-选择框

 18382  74  查看评论 (3)
分享到微信朋友圈
X
layui省市区三级联动官方插件 ie兼容11

官方的插件挺好用的,这是官方的地址 

https://fly.layui.com/extend/layarea/#doc

用法有demo的 

注意 

//配置插件目录 

layui.config({
    base: './mods/',
    version: '1.0'
});

这个里面有layarea.js 这个文件就行,这个目录需要自己改一下 取值: 

//配置插件目录
        layui.config({
            base: './mods/'
            , version: '1.0'
        });
        //一般直接写在一个js文件中
        layui.use(['layer', 'form', 'layarea'], function () {
            var layer = layui.layer
                , form = layui.form
                , layarea = layui.layarea;

            layarea.render({
                elem: '#area-picker',
                change: function (res) {
                    //选择结果
                    console.log(res);
                }
            });
        });

 简单好用OVER

相关插件-选择框

仿京东三级联动省市移动端地址(原创)

jQuery移动端省市选择,面向过程,菜鸟级
  选择框
 30202  349

az索引滑动城市列表选择(原创)

城市列表选择 , 可滑动, 带历史记录
  选择框
 27821  308

基于swiper模拟移动端下拉框

需要jquery,基于swiper框架二次开发的移动端下拉选择框。
  选择框
 41301  361

jQuery地区三联动

jQuery筛选地区可以得到相应的地区码
  选择框
 27265  318

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    低头看散落的幸福 0
    2024/9/30 9:11:11
    怎么动态的初始化选中的值啊 回复
    lyhjh 0
    2022/3/22 8:53:53
    有的省市新增了区,怎么增加进去?手工修改layarea.js没起作用。
        lyhjh0
        2022/3/22 12:06:07
        刚清了一下缓存就有了.
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复