Javascript 选择不';不渲染内部下拉列表
我试图使用selectize.js根据用户输入从数据库中填充文本框,但它在下拉列表中没有呈现。我正在从数据库中获取正确的数据,但不确定如何将其渲染。也许JSON的格式不正确 以下是JS: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
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"]]}