搜索后结果没有显示,为什么?

时间:2018-01-10 16:40:08

标签: javascript jquery jquery-select2 jquery-select2-4

我正在使用最新的Select2 4.0.6-rc.1并且我正在进行AJAX搜索,我得到了结果,但由于某种原因它们没有显示为SELECT元素的选项。也许我缺少一些基本设置,但我一直在阅读文档,我找不到任何有用的东西。这就是我所拥有的:

<select class="form-control" id="query"></select>

$(function() {
    var $query = $("#query");

    $query.select2({
        width: 550,
        placeholder: 'Search for a form ...',
        minimumInputLength: 3,
        ajax: {
            url: '/ajax/forms/ajax_search_by_name',
            data: function (params) {
                return {
                    q: params.term
                };
            },
            dataType: 'json',
            delay: 250,
            processResults: function (data) {
                return {
                    results: data.items
                };
            }
        }
    });
});

后端的结果如下:

{
  "results": [
    {
      "id": 1247,
      "name": "amerita_infusion_services_colorado_synagis_referral_form"
    },
    {
      "id": 3471,
      "name": "medicaid_colorado_viekira"
    }
  ]
}

我认为这是回归它们的正确方法。我已经设置了Fiddle - 我无法使用/echo/json请求使用它 - 所以你可以稍微玩一下。

我在这里缺少什么?

0 个答案:

没有答案