Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.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 使用selectize.js更新链接的选择_Javascript_Jquery_Selectize.js - Fatal编程技术网

Javascript 使用selectize.js更新链接的选择

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

我正在使用selectize.js处理一个两级链接选择,当我更改“成本中心”下拉列表时,我得到了要返回的Ajax,但是返回的选项不会在jobCode子选择中呈现。我使用selectize.js State/City示例作为模板。但我不确定如何将JSON数据返回到子select中

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