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

分享 未结 189 22984
番茄
番茄 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 回复