Select2-No-Results 将项目添加到数据库

Question

我正在使用 Bootstrap，我想使用 select2 允许用户从我的数据库中的项目列表中进行选择。但如果什么都没有，我希望用户将自己的数据添加到数据库中。我的问题是如何添加一个 link，它会在显示 'select2-no-results' 属性时弹出一个模式。

Answer 1

在您的结果函数中，如果：

if($("select2-no-results")){
     $("#yourmodal").show();
}

更好的方法是简单地使用输入值并将其直接存储在提交上。这样你就不会为模式 windows 或触发器而烦恼。

Answer 2

查看 select2 docs 中的 select2-loaded 事件。该事件使您可以访问加载的数据，以便查看是否没有结果。

注意：正如 Kevin Brown 在评论中提到的，这仅适用于您使用的是 v4 之前的版本。

Answer 3

不确定是否有帮助？但让我们看看

我尝试了一个简单的工作示例，您可以显示模型对话框，现在我添加了警告消息，如果您想使用点击事件触发，您可以使用 href onclick 或其他满足您要求的东西，

$('#search-select').select2({
     formatNoMatches: function(term) {
       alert("Your Model Goes Here");
    return  "<a href='#'  class='no-results-btn btn-danger'>Use it anyway</a>";
  },

});

工作Fiddle

Select2-No-Results 将项目添加到数据库

Select2-No-Results adding items to database

javascript

jquery-select2