javascript - 无法使用 jQuery .select2 选择项目

Question

我是 jQuery 和 Javascript 的新手，也许有人可以帮助我？ 我使用 .select2 得到了这个结果，但我无法选择和项目。 这是代码

JavaScript

 $("#namesCombobox").select2({
        placeholder: "Search for a name",
        minimumInputLength: 3,
        ajax: {
            url: "/api/machineparkcustomers/getnamescontaining",
            dataType: 'json',
            quietMillis: 250,
            data: function (term, page) {
                return {
                    query: term,
                };
            },
            results: function (data, page) {
                return {
                    results: data
                };
            },
            cache: true
        },
        formatResult: function (state) {
            return state;
        }



    });

HTML:

<input type="text" id="namesCombobox" class="col-sm-12" />

Answer 1

您没有显示您的 ajax 请求返回的数据是什么样的，但是根据您的 formatSelection 函数和您遇到的行为来判断，我猜数据是一个字符串数组.它应该是一个对象数组，其中每个对象都有一个 id 属性和一个 text 属性。

这jsfiddle显示问题。

尝试将 ajax results 函数更改为:

results: function(data) {
    return { results: $.map(data, function(state) {
        return { id: state, text: state }
    }) };
}

您还必须删除 formatResult 函数。

jsfiddle