仅单个Select2下拉框可设置enable=false，批量禁用失效求助

你遇到的问题是用链式调用批量禁用Select2下拉框时，只有第一个生效，后续的无法被禁用。这大概率是链式操作中某个步骤的副作用干扰了后续元素的处理，或者Select2的enable方法在连续调用时存在状态冲突。

给你几个可行的解决办法：

方法一：拆分操作步骤，避免链式调用冲突 #

把每个下拉框的清空、禁用、触发change操作分开执行，确保每个步骤都独立完成：

// 处理rescues下拉框
$('#rescues').val([]);
$('#rescues').select2('enable', false);
$('#rescues').trigger('change');

// 处理first_aids下拉框
$('#first_aids').val([]);
$('#first_aids').select2('enable', false);
$('#first_aids').trigger('change');

// 处理extinctions下拉框
$('#extinctions').val([]);
$('#extinctions').select2('enable', false);
$('#extinctions').trigger('change');

方法二：用jQuery each遍历统一处理 #

通过each遍历所有目标元素，确保每个下拉框的操作都是独立进行的，代码更简洁且不易冲突：

$('#rescues, #first_aids, #extinctions').each(function() {
  $(this).val([])
         .select2('enable', false)
         .trigger('change');
});

方法三：直接操作原生属性并重新初始化Select2 #

如果是Select2版本兼容性问题，可以直接设置原生select的disabled属性，再重新初始化Select2来应用状态：

$('#rescues, #first_aids, #extinctions').each(function() {
  $(this).val([])
         .prop('disabled', true)
         .select2('destroy')
         .select2();
});

原因说明 #

链式调用时，trigger('change')触发的事件可能会导致Select2内部状态更新异常，影响后续元素的enable方法执行。使用each遍历能保证每个元素的操作上下文独立，避免相互干扰；直接操作原生属性则绕过了Select2方法可能存在的bug，更稳定。

内容的提问来源于stack exchange，提问作者Saswat