xmSelect 多选树形控件获取选中value值方法
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);
},
});
代码说明:
xm_one是xmSelect渲染后的对象,可以通过它访问xmSelect的方法和属性。getValue()方法用于获取选中的value值,返回值为一个数组,包含所有选中节点的value值。- 将
selectedValues打印到控制台,方便查看获取到的value值。
注意:
- 以上代码假设您已经正确引入并初始化了xmSelect库。
- 请根据您的实际需求修改代码中的
#industry选择器,确保其指向要存储选中文本的元素。
通过以上方法,您就可以在xmSelect多选树形控件中正确获取用户选中的所有value值了。
原文地址: https://www.cveoy.top/t/topic/qeJa 著作权归作者所有。请勿转载和采集!