javascript - Select2 jquery 插件 - 从数据库中删除数据

Question

这里我有 jquery select2 输入字段:

当我点击“添加”按钮时，我将这个值添加到数据库中。但是当用户点击“x”改变值时会怎样:

然后我需要更新我的数据库...但是如何呢？是否有一些功能可以让我看到从输入字段中删除值的位置，以便可以执行一些 ajax 来更新我的数据库？

Answer 1

您可以将“更改”事件处理程序绑定(bind)到 select2 元素，就像您对普通的选择或输入元素所做的那样。如果从 select2 控件中删除了一个元素，则事件对象将具有“已删除”属性，它指的是已删除的选项。

$('#select2Id').change(function(event) {
    if (event.removed) {
        alert(event.removed.id);
    }
});

更新:

正如@gmaestro(OP)在下面的评论中指出的那样，您可以绑定(bind)一个“select2-removed”事件处理程序。仅当删除选择时才会触发该事件。在这种情况下，事件对象包含一个“val”属性，它指的是已删除选项的 ID，以及一个“choice”属性，它指的是已删除的选项。

$('#select2Id').on('select2-removed', function(event) {
    alert(event.val);
});

Demo on JSFiddle

Select2 Documentation