layui xmSelect 获取值

要获取 xmSelect 的选中值，可以使用以下方法：

1. 获取选中的值

// 获取选中的值
var selectedValues = xmSelect.get('#selectId')[0].getValue('value');

2. 获取选中的文本

// 获取选中的文本
var selectedTexts = xmSelect.get('#selectId')[0].getValue('name');

其中，`#selectId` 是你的 xmSelect 实例的 ID，`selectedValues` 和 `selectedTexts` 分别是选中的值和文本的数组。

如果是多选的 xmSelect，那么选中的值和文本都是数组。

注意，要在 xmSelect 加载完成后才能获取选中的值。可以使用 xmSelect 的 on() 方法来监听加载完成事件，例如：

xmSelect.render({
  el: '#selectId',
  data: [...],
  on: function() {
    // xmSelect 加载完成后的回调
    var selectedValues = xmSelect.get('#selectId')[0].getValue('value');
    console.log(selectedValues);
  }
});

相关问题

layui xmSelect 单选

要实现 layui xmSelect 的单选功能，你可以在初始化 xmSelect 实例的时候，给其配置一个属性即可。

具体的做法是，在初始化代码中设置 `radio: true`，如下所示：

var demo1 = xmSelect.render({
    el: '#select1',
    name: 'demo1',
    radio: true,
    data: [...]
});

这里的 `radio` 属性就是用来实现单选的，当设置为 `true` 后，用户在选择选项时只能选中一个，而不能多选。

需要注意的是，单选和多选的效果是互斥的，如果你希望实现多选功能，就需要将 `radio` 属性设置为 `false` 或者省略不设置。

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 的相关文件后，即可按照上述方式进行使用。