select2：取消选择无法正常工作

Question

我遇到Select2的问题，当我点击带有鼠标的十字标志时（请注意：allowClear为true）select2:unselect事件被触发但选择的之前值仍然被选中一段时间​​。

<select id='select2'>
<option value='1'>option 1</option>
</select>

$("#select2").select2({
    placeholder: "placeholder",
    dropdownAutoWidth: true,
    allowClear: true
})


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

    var currentValue = $(this).val(); 

    console.log($(this).val());
    setTimeout(function () {
        console.log($("#select2").val());
    }, 2000)

});

我需要获取当前值，如果没有选择我会期望null。

是否有正确的方法来获取当前的select2值？

以下是演示 - jsfiddle

Answer 1

试试这个：

$("#select2").on("change", function (e) {

    var currentValue = $(this).val();  // I want null when unselect is fired

    console.log($(this).val());
    setTimeout(function () {
        console.log($("#select2").val());
    }, 2000)

});