使用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 };
        }
     }
});