layui省市多选解决方案

所属分类:输入-选择框

 2065  18  查看评论 (0)
分享到微信朋友圈
X
layui省市多选解决方案 ie兼容8

更新时间:2021-07-22 02:07:59

1. 新增动态赋值方法val()

2. 新增支持实例化多个

3. 新增重载方法

4. 优化代码

5. 支持字符串赋值,多个值用“,”隔开

使用示例

<div id="regionTest"></div>
layui.config({
    base: '../../../layui_exts/' //配置组件存放的基础目录
}).extend({
    regionCheckBox: 'regionCheckBox/regionCheckBox' //定义组件模块名
}).use(['regionCheckBox'], function() {
    var $ = layui.$;
    var regionCheckBox = layui.regionCheckBox;

    //执行实例
    var regionTest = regionCheckBox.render({
        elem: '#regionTest',
        name: 'region', // 对应input name
        value: ['北京', '内蒙古', '江西-九江'], // 赋初始值,'北京,内蒙古,江西-九江'也可以
        width: '550px', // 默认550px
        border: true, // 默认true
        // 初始化完成时执行
        ready: function() {
            // 做些什么
        },
        // 点击复选框时执行
        change: function(result) {
            // 做些什么
        }
    });
});
相关插件-选择框

jQuery多级联动插件(单选多选)tntreebox插件

tntreebox实现多级联动一级单选二级三级多选
  选择框
 27294  304

仿京东地区选择

仿京东地区选择3级联动,城市选择器.
  选择框
 86113  448

jQuery商品发布三级联动菜单代码

jQuery商品发布三级联动菜单代码是一款点击输入框弹出联动菜单,购物商城或者分类比较多的网站经常用到的产品商品分类选择联动菜单js代码。
  选择框
 34406  375

jQuery+css3下拉选择框

下拉选择,动画效果
  选择框
 51375  371

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

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复