javascript - Select2 仅通过 id 设置所选值

Question

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

这是选择字段

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

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

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);
}