Javascript 使用selectize.js更新链接的选择
我正在使用selectize.js处理一个两级链接选择,当我更改“成本中心”下拉列表时,我得到了要返回的Ajax,但是返回的选项不会在jobCode子选择中呈现。我使用selectize.js State/City示例作为模板。但我不确定如何将JSON数据返回到子select中Javascript 使用selectize.js更新链接的选择,javascript,jquery,selectize.js,Javascript,Jquery,Selectize.js,我正在使用selectize.js处理一个两级链接选择,当我更改“成本中心”下拉列表时,我得到了要返回的Ajax,但是返回的选项不会在jobCode子选择中呈现。我使用selectize.js State/City示例作为模板。但我不确定如何将JSON数据返回到子select中 jQuery.noConflict(); jQuery().ready(function() { var xhr; var select_costCenter, $select_costCent
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是否需要不同的格式来填充子select