Select2仅通过ID设置所选值

Question

因此，我有搜索wtform，其中的一个字段由select2表示。 它通过ajax依赖于另一个选择字段加载。 加载步骤正常。 但是，当我提交表单并将其与结果数据一起接收时，由于我只有ID，因此无法将选择的值设置回select2字段，并且据我所知，initSelection的回调方法需要ID和文本。 或者，也许我做错了。

这是选择字段

$("#source").select2({
    placeholder: "Выберите источник",
    initSelection: function(element, callback){
        callback({id: element.val(), text:element.val()})
    },
    query: function(query){
        query.callback(source_data)
    }
})

我想要下面的东西。 select2中已经存在具有此类id的数据，唯一的问题是如何选择它。

callback({id: element.val())

Answer 1

这就是我能够解决此问题的方式：

//sample preloaded select data
var preload_data = [{id: '1', text:'<span id="user1">John</span>'},{id: '2', text:'<span id="user2">Tim</span>'}, {id: '3', text:'<span id="user3">George</span>'}]

//the initSelection method
initSelection : function (element, callback) {
    var data = [];

    var lookup = {};
    for (var i = 0, len = preload_data.length; i < len; i++) {
        lookup[preload_data[i].id] = preload_data[i];
    }
    $(element.val().split(",")).each(function() {
        data.push({id: this, text: lookup[this].text});
    });
    callback(data);
}