jquery select2 - 不工作

Question

我正在使用 select2 插件(ivaynberg.github.io/select2)。我正在尝试显示一个下拉菜单(选择)。它获取 data.php 中的所有项目作为选项。然而 select2 是一个自动完成插件，应该搜索客户端输入的搜索词，并仅显示匹配的结果。目前它正在显示所有项目，但未获取搜索结果。对不起我的语言

data.php 正在回显以下内容:

[{
    "id": "1",
    "text": "item1",
    "exercise": "blah text"
  }, {
    "id": "2",
    "text": "item2"
  }
]

代码是:

$(document).ready(function () {
    $('#thisid').select2({
        minimumInputLength: 2,
        ajax: {
            url: "data.php",
            dataType: 'json',
            data: function (term, page) {
                return {
                    q: term
                  };
            },
            results: function (data, page) {
                return {
                    results: data
                };
            }
        }
    });
});

输入是:

<input type="hidden" id="thisid" style="width:300px" class="input-xlarge" />

我想找到线索，我对这个插件很陌生，花了一天时间查看示例。

Answer 1

如果附加到标准 select，select2 将不会执行 AJAX表单控制。它必须附加到隐藏的 input控制通过 AJAX 加载。

更新:此问题已在 Select2 4.0 中修复。来自 Pre-Release notes :

Consistency with standard <select> elements for all data adapters, removing the need for hidden <input> elements.

它也可以在其 examples section 中的功能中看到。 .