select2的二级联动更新数据(重置select)

最新推荐文章于 2021-08-06 14:20:37 发布

Tessa_zzl

最新推荐文章于 2021-08-06 14:20:37 发布

阅读量3.2k

点赞数 1

文章标签： jquery select2

本文链接：https://blog.csdn.net/Tessa_zzl/article/details/104756984

版权

select2二级联动 ( 前面一个下拉框选中的值更改, 同时更新该select2的下拉数据 ).

踩过的坑: 只是销毁select2而不清空, 会使select中的选项累加. 因此需加上 empty() 方法

// 
$.ajax({
   url: '../../category/item/child/list',
   data:{
     categoryType:contentType
   },
   success: function (res) {
     if(res.length > 0){
     // 销毁select2并且将select中的数据置空
       $('#childType').select2('destroy').empty();
       // 重新初始化select2
       $('#childType').select2({
         minimumResultsForSearch: -1,
         data: res,
         multiple: true
       });
     }
   }
 });