javascript - ajax方式下select2 4.0初始值

Question

我的页面上有以下选择:

<select><option value="1" selected="selected">Caption</option></select>

我调用 select2 (v 4.0) 初始化:

city.select2({
    ajax: {
        url: <...>,
        data: <...>,
        processResults: <...>,
        cache: true
    },
    escapeMarkup: function(markup){ return markup; },
    minimumInputLength: 0,
    templateResult: function(repo){ return repo.name; },
    templateSelection: function(repo){ return repo.name; }
});

问题是 select2 正在重置默认选择值并显示空白字符串。有没有办法在 select2 init 上设置默认值？

Answer 1

问题出在您的 templateSelection 中方法，正如您所期望的那样 name属性位于您的数据对象上。除了text现在是必需的，如果您重新映射它就不需要该方法，您没有处理数据对象具有 text 的情况。属性(property)。

city.select2({
    ajax: {
        url: <...>,
        data: <...>,
        processResults: <...>,
        cache: true
    },
    escapeMarkup: function(markup){ return markup; },
    minimumInputLength: 0,
    templateResult: function(repo){ return repo.name || repo.text; },
    templateSelection: function(repo){ return repo.name || repo.text; }
});

这应该可以解决您的问题并正确显示初始选择。