显示列表而不绑定 select2 ajax jQuery

Question

我正在使用基于 select2 ajax 的 jQuery 来显示下拉菜单。它工作完美。现在我想当用户在不输入的情况下单击 select2 框时，它将显示 10 条记录。我正在使用 InitSelection，但它没有显示任何内容。代码是：-

var tags = [
            {'id':1, 'text':'Ben'},  
            {'id':22, 'text':'Andrea'}
    ];
    $('#form_fb_q').select2({       
        minimumInputLength: 2,
        ajax: {
            url: "/provisioning/api/facebook/default/",
            cache: true,
            dataType: 'json',
            quietMillis: 250,
            data: function (term, page) {
                return {
                    q: term,
                    method: $('input[name=fb_search_by]:checked').attr('method')
                };
            },
            results: function (data, page) {
                return {
                    results: data.data
                };
            }
        },
        formatResult : function (entry) {
            var markup = "<table class='entry-result'><tr>";
            markup += '<td class="entry-image"><img src="http://graph.facebook.com/' + entry.id + '/picture?type=square"/></td>';
            markup += "<td class='entry-info'><div class='entry-name'>" + entry.name + "</div>";
            markup += "<div class='entry-likes'>" + entry.likes + " likes</div>";
            markup += "</td></tr></table>";
            return markup;
        },
                    initSelection: function(element, callback) {
                       // alert("hahaha");
                    callback(tags);
                    },
        formatSelection : function (entry) {
            return entry.name;
        },
        dropdownCssClass: "bigdrop",
        escapeMarkup: function (m) { return m; }

    });

输入框是：-

 <input id="form_fb_q"  name="fb_q"  value="111" >

请帮助我哪里出错了。

Answer 1

改变 minimumInputLength: 2 到 minimumInputLength: 0

这样，您的 ajax 将在控件的初始下拉菜单中被调用。您当前的配置仅在输入两个字母后才进行 ajax 调用。