如何解决使用 selectize.js 更新链接的选择
我正在使用 selectize.js 处理 2 级链接选择,当我更改 costCenter 下拉菜单时,我已经让 Ajax 返回,但返回的选项没有在 jobCode 子选择中呈现。我使用 selectize.js State/City 示例作为模板。但我不确定如何将我的 JSON 数据返回到子选择中。
jQuery.noConflict();
jQuery().ready(function() {
var xhr;
var select_costCenter,$select_costCenter;
var select_jobCode,$select_jobCode;
$select_costCenter = jQuery('#costCenter').selectize({
onChange: function(value) {
if (!value.length) return;
select_jobCode.disable();
select_jobCode.clearOptions();
select_jobCode.load(function(callback) {
xhr && xhr.abort();
xhr = jQuery.ajax({
url: '/ajax/ajax_ccjcLookup.cfm',type: "GET",data: {
"type":"jobCode","cc":value
},dataType: 'json',success: function(results) {
//for (var key in results) {
// alert('['+results[key]['JOBCODE'] +'] ' + results[key]['JOBCODENAME']);
//}
console.log(results);
select_jobCode.enable();
callback(results);
},error: function() {
callback();
}
})
});
}
});
// Normal Selectize a list of JobCodes
$select_jobCode = jQuery('#jobCode').selectize({
valueField: 'id',labelField: 'name',searchField: ['name']
});
select_jobCode = $select_jobCode[0].selectize;
select_costCenter = $select_costCenter[0].selectize;
select_jobCode.disable();
});
我的控制台显示返回的 JSON 数据:
(3) [{…},{…},{…}]
0:
COSTCENTER: "6100"
COSTCENTERNAME: "Telecomm"
JOBCODE: "1803"
JOBCODENAME: "Certified Technician"
__proto__: Object
我想在 jobCode select 中填充的是与此行类似的三行
<select id="jobCode" name="jobCode">
<option value="1803">Certified Technician</option>
</select>
从 selectize.js 示例中我不清楚 JSON 是否需要不同的格式来填充子选择?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。