selectize 不在下拉列表中呈现

Question

我正在尝试使用 selectize.js 根据用户输入从数据库中填充文本框，但它没有在下拉列表中呈现。我从数据库中获取了正确的数据，但不确定如何让它呈现。也许 JSON 格式不正确？

这是 JS：

var $select = $('#tags').selectize({
        delimiter: ',',
        persist: false,
        valueField: 'PKID',
        labelField: 'TAG',
        searchField: ['TAG'],
        maxOptions: 10,
        create: true,
        render: {
            option: function (item, escape) {
                return '<div>' + escape(item.TAG) + '</div>';
            }
        },
        load: function (query, callback) {
            if (!query.length) return callback();
            $.ajax({
                url: '/components/nl',
                type: 'POST',
                dataType: 'json',
                data: {
                    method: 'getTags',
                    tag: query,
                    maxresults: 10
                },
                error: function () {
                    callback();
                },
                success: function (res) {
                    callback(res);
                }
            });
        }
    });

这里是输入框：

<input id="tags" class="selectize" type="text" name="tags" value="" placeholder="Tags separated by commas (optional)">

如果此人开始输入 "straw"，return 将显示以下内容 "straw"。

{"COLUMNS":["PKID","TAG"],"DATA":[[1475,"strawberries"]]}

这正是它应有的 return，但不确定为什么我没有在下拉列表中看到 "strawberries" 作为一个选项。我只看到 "straw" 这是我输入的内容。

Answer 1

问题是代码预期：

[{"PKID":1475,"TAG":"strawberries"}]

但我给了它：

{"COLUMNS":["PKID","TAG"],"DATA":[[1475,"strawberries"]]}

selectize 不在下拉列表中呈现

selectize doesn't render inside dropdown

javascript

jquery

selectize.js