Question

我正在使用Bootstrap，我想使用select2来允许用户从我的数据库中的项目列表中进行选择。但如果没有，我希望用户将自己的数据添加到数据库中。我的问题是如何添加一个链接，当＆＃39; select2-no-results＆＃39;时，会弹出一个模态。属性显示。

Answer 1

在结果函数中，如果出现以下情况，请执行以下操作：

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

更好的方法是简单地使用输入值并将其直接存储在提交上。这样你就不会对模态窗口或触发器感到烦恼。

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将项目添加到数据库

3 个答案: