layui省市多选解决方案

所属分类:输入-选择框

 13135  65  查看评论 (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) {
            // 做些什么
        }
    });
});
相关插件-选择框

城市选择手机端(原创)

类似手机通讯录,选择城市,去除省份。
  选择框
 43269  418

zTree 下拉插件(原创)

基于zTree实现的下拉树型菜单选择
  选择框
 33688  319

CheckBox展现不同的状态(原创)

类似qq邮箱选中展现不同的状态,常用功能,简单实用。
  选择框
 23939  284

div模拟下拉省市级联三级联动附带地区数据(原创)

带地区代码,兼容到ie8;浏览器样式统一,下拉图标可自行更换,根据隐藏input value值获取地区代码
  选择框
 32344  327

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

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