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

Posted 2023-05-07

【中文标题】Select2 选择订单返回不同选项的值

【英文标题】：Select2 select order returns value of different option

【发布时间】：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 始终显示正确的值。但是，当我选择最后一个选项，并在此选项之前选择不同的选项时，它会返回先前选择的值。

【参考方案1】：

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

你可以关注this comment或a simpler way