【第三方插件】 layui-select-ext 表单select多选和无限级联动

分享 未结
99 7655
番茄
番茄 2018-5-14
悬赏:20飞吻


layui_extends/selectM.js 多选插件
layui_extends/selectN.js 无限级插件(json数据与layui-tree结构一致)

2.0是一个接近完善的版本。
实现动态设置选中值 set方法
实现自定义提示文字
实现ajax方式获取候选数据
实现禁用某些选项(基于候选数据,status=0)
实现设置下拉框宽度
实现选项搜索(仅支持无限级)
实现表单验证 lay-verify
实现自定义候选数据键名
重置(reset)恢复改为用set方法




使用比较简单,请自行查看演示吧!

码云演示

码云下载
回帖
  • maplemei
    2018-5-14
    [good]
    2 回复
  • 番茄
    2018-5-16
    此问题已修复,请重新下载 @小欧啦啦222
    2 回复
  • 番茄
    2018-5-18
    @淘淘乐
    最新版的selectN可以实现js赋值
    catIns1.set([6,10]);
    实例已更新!
    2 回复
  • 番茄
    2018-5-21
    @彼岸的包子
    selectN多级联动已支持
    //添加验证
    ,verify:'required'

    //空值项提示,可设置为数组['请选择省','请选择市','请选择县']
    ,tips: '请选择'
    2 回复
  • 番茄
    2018-5-22
    @Violet_Ice紫冰
    form.on('submit(demo)',function(data){			
    console.log('catIns1 当前选中的值名:',catIns1.selected);
    console.log('catIns1 当前选中的值:',catIns1.values);
    console.log('catIns1 当前选中的名:',catIns1.names);
    console.log('catIns1 当前最后一个选中值:',catIns1.lastValue);
    console.log('catIns1 当前最后一个选中名:',catIns1.lastName);
    console.log('catIns1 当前最后一个是否已选:',catIns1.isSelected);
    console.log('');


    console.log('tagIns1 当前选中的值名:',tagIns1.selected);
    console.log('tagIns1 当前选中的值:',tagIns1.values);
    console.log('tagIns1 当前选中的名:',tagIns1.names);

    console.log('');

    var formData = data.field;
    console.log('表单对象:',formData);
    })
    不是很确定您的问题。
    不知道你说的获取title是不是等于 catIns1.names的值。
    赋值的话如果option的value和text是一样的话,可以把候选数据里的id和name设置成一样的值应该就可以了
    2 回复
  • 这个动态gif你用什么工具录制的,分享,谢谢!
    1 回复
  • 小熊371
    2018-5-15
    非常好,辛苦了
    1 回复
  • 非常好,辛苦了
    1 回复
  • linq1018
    2018-5-15
    请问下能下拉搜索吗?
    1 回复
  • 番茄
    2018-5-15
    @linq1018 请参考@MapleMei的 【第三方插件】select多选之formSelects - 3.x 。我这个只能用于简单场景。
    1 回复
  • 点个赞,挺棒的,[赞] [威武] [给力]

    试用的时候发现一点点小问题,比如我选了四个选项,我再选默认选项【请选择 最多选5个】的时候,效果上看起来清空了选择框,实际好像还保留原来的值吧?
    1 回复
  • 问下楼主,lay有省市区街道四级联动吗?
    1 回复
  • 番茄
    2018-5-16
    此问题已修复,请重新下载 @冬日温暖 [吃惊] @ 错人好像没法修改回复
    1 回复
  • 禾口
    2018-5-16
    多选好像对IE8不支持,能兼容IE8吗?
    1 回复
  • 番茄
    2018-5-14
    @绝对值 ScreenToGif
    0 回复
  • 收藏收藏 ······
    0 回复
  • AndyAndy
    2018-5-14
    [good] [good] 厉害
    0 回复
  • 南鸢000
    2018-5-14
    [赞]
    0 回复
  • 李平
    2018-5-14
    [赞]
    0 回复
  • 你好,哪里可以下载
    0 回复
  • 番茄
    2018-5-14
    0 回复
  • @番茄 看到了。谢谢
    0 回复
  • 番茄
    2018-5-16
    @小欧啦啦222 官方好像没有,但这个多级联动完全可以实现你的需求
    0 回复
  • Immanuel
    2018-5-16
    好棒,收藏
    0 回复
  • 李平
    2018-5-16
    0 回复
  • 多选还是有bug? 逐个删除已经选中的选项到全部删除时 还有一个值,是最后一个。
    0 回复
  • Keroice
    2018-5-16
    收藏收藏收藏收藏
    0 回复
  • 浩杰呀
    2018-5-16
    是不是只需要引入那俩个插件就好了啊 ,之前引了layui.js 和css
    0 回复
  • 浩杰呀
    2018-5-16
    @小Loo 你怎么引的文件 我怎么不行啊
    0 回复
  • 番茄
    2018-5-16
    @小Loo 抱歉,我今晚找螺丝刀修修,我自己用也还没发现[吃惊]
    0 回复