Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/410.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 选择不';不渲染内部下拉列表_Javascript_Jquery_Selectize.js - Fatal编程技术网

Javascript 选择不';不渲染内部下拉列表

Javascript 选择不';不渲染内部下拉列表,javascript,jquery,selectize.js,Javascript,Jquery,Selectize.js,我试图使用selectize.js根据用户输入从数据库中填充文本框,但它在下拉列表中没有呈现。我正在从数据库中获取正确的数据,但不确定如何将其渲染。也许JSON的格式不正确 以下是JS: var $select = $('#tags').selectize({ delimiter: ',', persist: false, valueField: 'PKID', labelField: 'TAG', searchFi

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

这正是它应该返回的内容,但不确定为什么我不将“草莓”视为下拉列表中的选择。我只看到我键入的“straw”。

问题在于代码期望:

[{"PKID":1475,"TAG":"strawberries"}]
但我给它:

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

这是coldfusion文件中的代码还是打字错误?在
render
中,
item.TAG
是什么?与返回的数据中的任何内容都不匹配。是否在控制台中抛出错误?##是coldfusion,但我在问题中排除了它,所以它不会让人困惑。不会抛出任何错误。item.TAG应该是值“草莓”。
DATA
是一个数组数组,没有属性
TAG
,请尝试
item[1]
。我承认我不知道selectize.js
[{"PKID":1475,"TAG":"strawberries"}]
{"COLUMNS":["PKID","TAG"],"DATA":[[1475,"strawberries"]]}