是否可以从 select2 框中打开模式框

Question

我对 select2 及其功能非常陌生。我需要做的是在 select2 列表末尾有一个按钮，它会弹出一个弹出模式，然后允许用户添加更多信息和细节。

这可能吗？

这是我目前拥有的：

 $("#s2").select2({
    placeholder: "Select users",
    width: '100%',
    allowClear: !0,
    closeOnSelect: false,
    maximumSelectionLength: 2,
    ajax: ---> gets my data from  service
}).on('select2:select', function (e) {
    if ($(this).select2('data').length >= 2) {
        $(this).select2("close");
    }
});

有什么方法可以从 select2 列表中打开模式？

Answer 1

$('#SELECT_ID').select2({
    ajax: {        
    },
   // other params
   ...
   //
          
}).on('select2:open', () => {
    $(".select2-results:not(:has(a))").append('<a href="#" style="padding: 6px;height: 20px;display: inline-table;" onclick="addNewItem()">ADD NEW</a>');
});

function addNewItem() {
  // Show modal with "Add form"    
}

将新项目添加到数据库后，只需关闭模式并检查 select2 中的下拉菜单。