加载数据后从 Select2 获取项目

Question

我正在尝试强制打开方法并像这样使用 select2 选择项目。

    $(".select").select2('open')
    $(".select").on('select2-loaded', function (e) {
        items = e.items.results;
        if (items.length == 1) {
            $(this).val(items[0].text);
        }
    });
    $(".select").select2('close');

但我无法进入 select2-loaded 评估，并且关闭也很快发生。如果列表中只有一个元素，我想默认选择第一个元素。

当“打开”发生时，它会自动执行获取和加载列表中所有元素的机制。如果我注释 close 方法，则显示列表中的元素需要几毫秒。

但我想要的是刷新我的列表（这是通过打开来完成的）然后我只想选择只有一个元素并关闭我的列表（'select'）

我怎样才能做到这一点？此行为将由另一个列表的 onchange 事件触发。 （嵌套选择）

Answer 1

您应该将close 调用移动到select2-loaded 事件内，这样它只会在选择项目后关闭选择元素。否则，您正在打开，为将来的事件设置事件，然后立即关闭。

$(".select").select2('open')
$(".select").on('select2-loaded', function (e) {
    items = e.items.results;
    if (items.length == 1) {
        $(this).val(items[0].text);
        $(".select").select2('close');
    }
});