Select2选择顺序返回不同选项的值

时间:2018-05-08 12:58:50

标签: jquery jquery-select2

我使用相当简单的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 个答案:

答案 0 :(得分:0)

这是Select2的一个问题。您可以在此处查看讨论:https://github.com/select2/select2/issues/3106

您可以关注this commenta simpler way