xmSelect 多选树形控件获取选中value值方法

在使用xmSelect多选树形控件时,可能需要获取用户选中的所有value值,本文将介绍如何正确获取选中的value值。

获取选中value值的方法:

使用xm_one.getValue()方法获取选中的value值,并将代码添加到on事件中。

代码示例:

var xm_one = xmSelect.render({
    // ...其他配置项...
    on: function (data) {
        var ids = data.arr.map((item) => {
            if (item.children) { // 判断是否有子节点
                return item.children.map((child) => child.value).join(',');
            } else {
                return item.value;
            }
        }).join(',');
        $('#industry').val(ids);
        
        var selectedValues = xm_one.getValue(); // 获取选中的value值
        console.log(selectedValues);
    },
});

代码说明:

  1. xm_one是xmSelect渲染后的对象,可以通过它访问xmSelect的方法和属性。
  2. getValue()方法用于获取选中的value值,返回值为一个数组,包含所有选中节点的value值。
  3. selectedValues打印到控制台,方便查看获取到的value值。

注意:

  • 以上代码假设您已经正确引入并初始化了xmSelect库。
  • 请根据您的实际需求修改代码中的#industry选择器,确保其指向要存储选中文本的元素。

通过以上方法,您就可以在xmSelect多选树形控件中正确获取用户选中的所有value值了。

xmSelect 多选树形控件获取选中value值方法

原文地址: https://www.cveoy.top/t/topic/qeJa 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录