如何在JavaScript中的输入字段加载json数据中创建多选下拉列表

Question

运行此代码时出现错误。 来自源“空”的源已被CORS策略阻止：跨源请求仅支持以下协议方案：http，数据，chrome，chrome扩展名，https。

  

json

<script>
$(document).ready(function () {
 $.getJSON("skills.json", function(data){
  $.each(data, function (index, value) {
    console.log(value);
});


    $("#Books").select2({
        data: empArray,
        multiple: true,
        placeholder: 'Select one or more values from the list'
    });
    });

    // SHOW SELECTED VALUES.
    $('#bt').click(function () {
        $('#lbl').empty();
        $('#lbl').append("You have selected: <br />");
        var iCnt = 0;
        var data = $('#Books').select2('data');

        $.each(data, function () {
            var empName = $('#Books').select2('data')[iCnt]['text'] + '<br />';
            $('#lbl').append(empName);iCnt += 1;
        });
    });
});