Select2多选-选择-在选择其他选项时以编程方式取消选择“全部”，在选择“全部”时取消选择其他选项

Question

我使用select2版本4.0来实现MultiSelect，因为我在从API调用加载值时附加了'all'选项。当'All'被选中时，其他选项应该被取消选中，当我选择任何其他选项时，'All'选项应该被取消选中。

HTML:

<div class="form-group col-lg-6 field" >
  <label for="exampleFormControlSelect2">Location</label>
 <select class="form-control select2 select-etc-count" id="LOCATION" multiple="multiple" name="LOCATION[]">
  <span class="select2-counts" style="display:none;"></span>
  <span class="reset-link" style="display:none;" title=""> <i class="fa fa-refresh" onclick=""></i> </span>        
</select>

JS:

$('#LOCATION').on("select2:select", function (event) {
    selectId = $(this).attr("id");
    value    = $("#LOCATION").val();
    console.log(selectId,value);
    console.log("*********************");
    
    
    if(jQuery.inArray("all", value) != -1) {
        console.log("is in array");
        
        var $select = $('#LOCATION');
        var idToRemove = 'all';

        var values = $select.val();
        if (values) {
            console.log("values->",values);
            var i = values.indexOf(idToRemove);
            console.log("I->",i);
            if (i >= 0) {
                console.log("coming");
                values.splice(i, 1);
                console.log("values after->",values);
                $select.val(values).trigger('change.select2');
            }
        }
        
    } else {
        console.log("is NOT in array");
    } 
    
    
});

控制台值:

LOCATION (2) ["all", "trinidad and tobago"]
*********************
is in array
values-> (2) ["all", "trinidad and tobago"]
I-> 0
coming
values after-> ["trinidad and tobago"]

工作小提琴:

https://jsfiddle.net/harifrais/1ky2mbo5/7/

谁能帮我解决这个问题。

Answer 1

更改为values.splice(1)；并检查