在远程数据中打开下拉列表时,在select2中添加一些默认选项

时间:2016-04-01 09:09:53

标签: php jquery ajax select2

我正在使用带有远程数据的Select2。当我点击下拉列表。在搜索框中写入之前不会显示任何选项。

但我希望在下拉列表时显示一些数据。 我正在使用initselectiondata进行尝试,但是当数据出现在所选值时会初始化。

        $('.countrySelection').select2({
        placeholder: "Select Country",
        allowClear: true,
        minimumInputLength: 1,
        ajax: { // instead of writing the function to execute the request we use Select2's convenient helper
            url: base_url+'ajax_response/getCountry',
            dataType: 'json',
            quietMillis: 100,
            data: function (term, page) {
                return {
                    q: term, // search term
                    page: page
                };
            },
           results: function (data, page) {
            $(".statenoSelect").select2("val", "");
            $(".citynoSelect").select2("val", "");
                 var more = (page * 2) < data.page
                return {
                    results: data.items,
                    more: more
                };
            },
            cache: true
        },
        initSelection: function(element, callback) {
            var id = $(element).val();
            if (id !== "") {
                $.ajax(base_url+'ajax_response/getCountry?id=' + id, {
                    dataType: "json"
                }).done(function(data) { callback(data['items'][0]); });
            }else{
                $.ajax(base_url+'ajax_response/getCountry?default=true', {
                    dataType: "json"
                }).done(function(data) { callback(data['items']); });
            }
        },
        data:function(element, callback) {
            callback(JSON.parse($(element).attr('data-selection')));

        },
        formatResult: repoFormatResult, 
        formatSelection: repoFormatResult,
        dropdownCssClass: "bigdrop",
        escapeMarkup: function (m) { return m; }
    }).focus(function () { $(this).select2('open'); });

它使用ajax,但如何在不搜索任何内容的情况下添加选项 image for select2

0 个答案:

没有答案