Select2 选择订单返回不同选项的值答案

【问题标题】：Select2 select order returns value of different optionSelect2 选择订单返回不同选项的值
【发布时间】：2018-10-18 10:37:07
【问题描述】：

我正在使用一个相当简单的 select2 药盒下拉菜单来获取所选选项的值。

选择代码：

<select required="" id="pick_festival" class="festivals-dropdown select2-hidden-accessible" name="festivals[]" multiple="" data-select2-id="pick_festival" tabindex="-1" aria-hidden="true">
    <option value="106" data-select2-id="4">Lowlands</option>
    <option value="92" data-select2-id="5">Paaspop</option>
    <option value="97" data-select2-id="6">Roadburn</option>
    <option value="94" data-select2-id="7">Wakana Lake</option>
    <option value="108" data-select2-id="8">Zwahana</option>                            
</select>

jQuery 代码：

$('#pick_festival').on("select2:select", function(e){

    var festival = $(this).find(':selected:last').val();
    console.log(festival);

});

现在，当我从上到下选择时，这工作得很好。 Console.log 始终显示正确的值。但是，当我选择最后一个选项，并在此选项之前选择不同的选项时，它会返回先前选择的值。

【问题讨论】：

标签： jquery jquery-select2

【解决方案1】：

这是 Select2 的问题。你可以在这里看到讨论：https://github.com/select2/select2/issues/3106

你可以关注this comment或a simpler way

【讨论】：