jQuery从外部文件中选择加载不起作用

时间:2016-12-05 21:09:54

标签: javascript json ajax select selectize.js

我一直在努力解决这个问题几个小时,我无法理解什么是无效的。

我有一个外部JSON文件airlines.json,我试图让selectize根据他们输入的内容填充下拉列表。

请帮助并指出我正确的方向?

JavaScript的:

var $select = $('#airline').selectize({
    valueField: 'Airline',
    labelField: 'Airline',
    searchField: ['Airline'],
    maxOptions: 10,
    create: false,
    render: {
        option: function(item, escape) {
            return '<div>' + escape(item.airline) + '</div>';
        }
    },
    load: function(query, callback) {
        if (!query.length) return callback();
        $.ajax({
            url: 'data/airlines.json', // + query,
            type: 'POST',
            dataType: 'json',
            data: {
                q: query,
                maxresults: 5
            },
            error: function() {
                callback();
            },
            success: function(res) {
                callback(res);
            }
        });
    }
});

HTML:

<select type="text" id="airline" name="airline" class="select-airline"></select>

JSON文件(部分)

[{"Airline":"Private flight"},
{"Airline":"135 Airways"},
{"Airline":"FlyPortugal"},
{"Airline":"FTI Fluggesellschaft"}]

0 个答案:

没有答案