jquery - 使用 select2 将远程数据加载到输入文本中

Question

我试图用 select2 加载远程数据，但它不工作。

我的输入文本如下所示：

<label for="myInput"><input type="text" id="myInput"></label>

我的 select2 初始化：

$('#myInput').select2({
     ajax: {
        url: /myUrl
        dataType: 'json'
     }
});

我的 json 看起来像这样：

{ "results": [{"id":"1","text":"Test 1"},{"id":"2","text":"Test 2"}]}

我正在加载选择完整

<script src="/select2/dist/js/select2.full.min.js"></script>

希望你能帮助提前谢谢

Answer 1

除了没有分隔字符串的语法错误之外，包含所需id和text属性的对象都在子results属性中。因此，您需要设置processResults函数以适应数据。尝试这个：

$('#myInput').select2({
     ajax: {
        url: '/myUrl',
        processResults: function (data) {
            return { results: data.results };
        }
     }
});