Select2 多层次赋值时异步赋值的问题

最新推荐文章于 2022-01-19 16:03:35 发布

weixin_34067049

最新推荐文章于 2022-01-19 16:03:35 发布

阅读量349

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mailaidedt/p/7444424.html

本文探讨了使用Select2组件时遇到的问题：在绑定远程数据后，第二个Select2的选择值会在第一个Select2的更改事件后被清空。文章提供了一种解决方案，通过异步请求并使用回调函数来保留二级Select的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

场景:

当选择人员时加载人员,选择部门时加载部门.所以在人员下,选择人员A后,如果选择部门,会触发二级select 重新获取数据.

问题:

使用select2()方法进行绑定远程数据后,对第二个select2进行绑定赋值存在问题

1.如果选择同步时,第一个select2在赋值成功前,标签会卡在那里,直到数据加载完后才可以看到隐藏效果.

2.如果选择异步,同时赋值,会导致第二个赋值再被第一个change事件后清空值,因为二级select重新获取数据尚未结束.

解决方案:

使用异步处理请求,防止出现同步时下拉框Loading,体验差的情况.

1.存储二级select的值

2.添加回调参数(默认可不填),在change执行成功后,调用回调函数赋值.

function callback(r) {
    console.log(r);
    if ($("#hidDataCode").val().length > 0) {
        $("#selDataCode").val($("#hidDataCode").val()).trigger("change");
        $("#hidDataCode").val("");
    }
}

转载于:https://www.cnblogs.com/mailaidedt/p/7444424.html