SELECT2 空结果答案

【问题标题】：SELECT2 empty resultsSELECT2 空结果
【发布时间】：2013-07-09 09:55:27
【问题描述】：

我正在创建一个简单的 select2 搜索框，其中包含对 php 页面的远程请求。

我选择使用“json”而不是“jsonp”，它似乎可以正常工作。

问题是结果是白色的：没有写入元素列表。

在我无法发布的图片中，因为“我需要至少 10 个声望才能发布”... -.- 您可以看到带有字母“d”的输入框并且：

没有加载图标（因为搜索已正确结束）
没有“搜索”写入（因为搜索已正确结束）
搜索框高度正好是 2 个结果，您可以选择结果，但文本不可见..您只看到蓝色选择..

代码如下：

function MultiAjaxAutoComplete(element, url) {
    $(element).select2({
        minimumInputLength: 1,
        ajax: {
            url: url,
            dataType: 'json',
            data: function(term, page) {

                return {
                    q: term,
                    page_limit: 10
                };
            },
            results: function(data, page) {
                return {
                    results: data
                };
            }
        },
        formatResult: formatResult,
        formatSelection: formatSelection,
        initSelection: function(element, callback) {
            var data = [];
            $(element.val().split(",")).each(function(i) {
                var item = this.split(':');
                data.push({
                    id: item[0],
                    title: item[1]
                });
            });
            //$(element).val('');
            callback(data);
        }
    });
};

function formatResult(movie) {
    return '<div>' + movie.title + '</div>';
};

function formatSelection(data) {
    return data.title;
};



MultiAjaxAutoComplete('#advertiser', '/AJAXController');

而返回的json数据如下

[{"id":"12889","title":"Donnie Darko" },
 {"id":"8",    "title":"Another title"}
]

PS：我得到了两个结果，因为目前，我将 json 数据作为直接输出文本返回，并带有“echo

谢谢你，毛罗

【问题讨论】：

标签： ajax jquery-select2

【解决方案1】：

var data = [
  { "id":"12889", "title":"Donnie Darko" },
  { "id":"8", "title":"Another title"}
]

$(element).select2('data', data);

【讨论】：