<input id="demo1"/>
layui.use('layCascader', function () {
    var layCascader = layui.layCascader;
    layCascader({
      elem: '#demo1',
      options: options
    });
});
                             

<input id="demo2"/>
layui.use('layCascader', function () {
    var layCascader = layui.layCascader;
    layCascader({
      elem: '#demo2',
      options: options,
      props: {
        expandTrigger: 'hover'
      }
    });
});
                             

<input id="demo1_1"/>
layui.use('layCascader', function () {
    var layCascader = layui.layCascader;
    var demo1_1 = layCascader({
      elem: '#demo1_1',
      options: options
    });
    demo1_1.changeEvent(function (value, node) {
      layer.msg('value:' + value + ',Node:' + JSON.stringify(node.data));
    });
});
                             

<input id="demo2_1"/>
<button id="demo2_1_click" type="button" class="layui-btn layui-btn-primary layui-border-blue">获取当前选中值</button>
layui.use('layCascader', function () {
    var layCascader = layui.layCascader;
    var demo2_1 = layCascader({
      elem: '#demo2_1',
      options: options,
      props: {
        expandTrigger: 'hover'
      }
    });
    $('#demo2_1_click').click(function () {
      // 这里是单选，获取的是一个值，如果是多选则是一个数组
      var value = demo2_1.getCheckedValues();
      var node = demo2_1.getCheckedNodes();
      if (!value) {
        layer.msg('未选中值');
        return;
      }
      layer.msg('value:' + value + ',Node:' + JSON.stringify(node.data));
    });
});
                             

<input id="demo5"/>
layui.use('layCascader', function () {
    var layCascader = layui.layCascader;
    layCascader({
      elem: '#demo5',
      clearable: true,
      options: options,
      props: {
        multiple: true
      }
    });
});
                             

<input id="demo6"/>
//在开启多选模式后，默认情况下会展示所有已选中的选项的Tag，你可以使用collapseTags来折叠Tag
//默认情况下折叠仅展示一条tag，你可以使用minCollapseTagsNumber来指定最小tag
layui.use('layCascader', function () {
    var layCascader = layui.layCascader;
    layCascader({
      elem: '#demo6',
      clearable: true,
      collapseTags: true,
      minCollapseTagsNumber: 2,
      options: options,
      props: {
        multiple: true
      }
    });
});
                             

<input id="demo7"/>
layui.use('layCascader', function () {
    var layCascader = layui.layCascader;
    layCascader({
      elem: '#demo7',
      clearable: true,
      options: options,
      props: {
        checkStrictly: true
      }
    });
});
                             

<input id="demo8"/>
layui.use('layCascader', function () {
    var layCascader = layui.layCascader;
    layCascader({
      elem: '#demo8',
      clearable: true,
      options: options,
      props: {
        multiple: true,
        checkStrictly: true
      }
    });
});
                             

<input id="demo10"/>
layui.use('layCascader', function () {
    var layCascader = layui.layCascader;
    layCascader({
        elem: '#demo10',
        clearable: true,
        filterable: true,
        options: options
    });
});
                             

<input id="demo11"/>
layui.use('layCascader', function () {
    var layCascader = layui.layCascader;
    layCascader({
        elem: '#demo11',
        clearable: true,
        filterable: true,
        options: options,
        props:{
            multiple: true
        }
    });
});
                             

<input id="demo12"/>
layui.use('layCascader', function () {
    var layCascader = layui.layCascader;
    layCascader({
      elem: '#demo12',
      filterable: true,
      clearable: true,
      options: options,
      props: {
        checkStrictly: true
      }
    });
});
                             

<input id="demo13"/>
layui.use('layCascader', function () {
    var layCascader = layui.layCascader;
    layCascader({
      elem: '#demo13',
      options: options,
      filterable: true,
      clearable: true,
      props: {
        checkStrictly: true,
        multiple: true
      }
    });
});
                             

<input id="danXuanHuiXian"/>
layui.use('layCascader', function () {
    var layCascader = layui.layCascader;
    layCascader({
      elem: '#danXuanHuiXian',
      value: 'dingbudaohang',
      options: options
    });
});
                             

<input id="duoXuanHuiXian"/>
layui.use('layCascader', function () {
    var layCascader = layui.layCascader;
    layCascader({
      clearable: true,
      disabledFixed: true,  //固定禁用项，使禁用项不被清理删除，禁用项只能通过函数添加或初始值添加,默认禁用项不可被函数或初始值添加
      props: {
        multiple: true
      },
      elem: '#duoXuanHuiXian',
      value: ['yizhi', 'dingbudaohang', 'layout', 'cexiangdaohang'],
      options: options
    });
});
                             

<input id="danXuanHuiXian2"/>
layui.use('layCascader', function () {
    var layCascader = layui.layCascader;
    layCascader({
      props: {
        checkStrictly: true
      },
      elem: '#danXuanHuiXian2',
      value: 'shejiyuanze',
      options: options
    });
});
                             

<input id="duoXuanHuiXian2"/>
layui.use('layCascader', function () {
    var layCascader = layui.layCascader;
    layCascader({
      props: {
        multiple: true,
        checkStrictly: true
      },
      disabledFixed: true,  //固定禁用项，使禁用项不被清理删除，禁用项只能通过函数添加或初始值添加,默认禁用项不可被函数或初始值添加
      clearable: true,
      elem: '#duoXuanHuiXian2',
      value: ['shejiyuanze', 'layout', 'cexiangdaohang'],
      options: options
    });
});
                             

<input id="demo15"/>
layui.use('layCascader', function () {
    var layCascader = layui.layCascader;
    layCascader({
      clearable: true,
      maxSize: 3,
      props: {
        multiple: true
      },
      elem: '#demo15',
      options: options
    });
});