layui xmselect下拉树多选

对于 layui xmselect 组件，要实现下拉树的多选功能，可以按照以下步骤进行操作：

1. 首先，确保你已经引入了 layui 和 xm-select 的相关文件。

2. 在页面中创建一个用于显示下拉树的元素，例如一个 `<select>` 标签，给它一个唯一的 id。

<select id="tree-select" xm-select="tree-select"></select>

3. 在 JavaScript 中初始化 xm-select，并进行配置，包括数据源、多选等设置。

layui.use(['xmSelect'], function() {
  var xmSelect = layui.xmSelect;
  
  // 构造数据源
  var data = [
    {
      name: 'Node 1',
      value: 1,
      children: [
        {
          name: 'Node 1-1',
          value: 11,
          children: [
            {
              name: 'Node 1-1-1',
              value: 111
            },
            {
              name: 'Node 1-1-2',
              value: 112
            }
          ]
        },
        {
          name: 'Node 1-2',
          value: 12
        }
      ]
    },
    {
      name: 'Node 2',
      value: 2,
      children: [
        {
          name: 'Node 2-1',
          value: 21
        },
        {
          name: 'Node 2-2',
          value: 22
        }
      ]
    }
  ];
  
  // 初始化 xm-select
  var treeSelect = xmSelect.render({
    el: '#tree-select',
    style: {
      width: '240px'
    },
    name: 'tree-select',
    layVerify: 'required',
    tips: '请选择',
    tree: {
      show: true,
      strict: false,
      showLine: true,
      clickCheck: true,
      checkStyle: 'checkbox'
    },
    data: data
  });
});

在上述代码中，我们创建了一个具有多层级结构的数据源，并使用 `xmSelect.render` 方法初始化了一个下拉树的多选组件。其中，`el` 参数指定了要渲染的元素的 id，`style` 参数指定了组件的宽度，`name` 参数指定了提交表单时的名称，`layVerify` 参数指定了验证规则，`tips` 参数指定了默认提示信息，`tree` 参数用于配置下拉树相关的设置，`data` 参数指定了数据源。

4. 可以通过 `treeSelect.getValue()` 方法获取当前选中的值，以及其他一些方法操作下拉树组件。

注意：在上述示例中，我们使用了 layui 的模块化加载方式来引入并使用 xmSelect 组件。确保在页面中正确引入 layui 和 xm-select 的相关文件后，即可按照上述方式进行使用。