jquery-plugins - jQuery Select2 - 多次选择相同的选项

Question

我想在我的网站上创建一个页面，我想在其中使用这个 select2 ( http://ivaynberg.github.io/select2/) 插件。我的要求是多次包含相同的“单词”。

我的标签可能是:

• Monthly_Rent, Monthly_Rent, commission, mortgage, commission
• 此外，当用户加载页面时，我想保持用户在保存之前选择页面的顺序。

目前，当我添加任何选项时，它会从列表中删除。如何重新添加？

还有一个问题是，现在如果我要去掉“mortgage”前面的“commission”，不应该再去掉最后一个“commission”这个词。

请帮助我了解如何实现这一目标。

Answer 1

只需使用一个计数器和一个查询函数来提供数据:

var fruits = ['apple', 'pear', 'orange', 'strawberry']
var counter = 0

$("#yourinput").select2({
    query: function(query) {
        var data = { results: []};
        for (var i = 0; i < fruits.length; i++) {
            data.results.push({"id": fruits[i] + "/" + counter, "text": fuits[i]});
        }
        counter += 1;
        query.callback(data);
    },
    formatSelection: function(item) {
        return item.text; // display apple, pear, ...
    },
    formatResult: function(item) {
        return item.id; // display apple/1, pear/2, ... Return item.text to see apple, pear, ...
    },
    multiple: true,
    closeOnSelect: true
}

所以，当你第一次点击你的选择框时，数据被初始化为 apple/1, pear/1, ... 下一次，你得到 apple/2, pear/2, ..., next apple/3, ... 等等。

每次你选择一个水果，你都会得到一个不同的id，即使你选择了你之前选择过的相同水果。保留一个在每次选择时递增的唯一计数器允许您删除一个水果而没有副作用:它的 id 消失了，并且不会被重复使用。

closeOnSelect 设置为 true，以在每次选择时增加计数器(更准确地说，每次打开选择框时)。如果将其设置为 false，当您选择一个水果时，它会从列表中消失，并且您不能选择两次相同的水果，除非您关闭该框。

当您验证表单时，只需删除尾随的“/xx”即可获得正确的 ID。

希望是你想要的。

丹尼斯