2014-03-05 57 views
1

我使用基於select2 ajax的jQuery來顯示下拉菜單。它的工作完美。現在我想要用戶在不輸入的情況下點擊select2框,然後顯示10條記錄。我正在使用InitSelection,但它沒有顯示任何內容。代碼是: -顯示列表沒有搭配select2 ajax jQuery

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" > 

請幫我在哪裏,我錯了。

回答

5

變化 minimumInputLength: 2minimumInputLength: 0

這樣你的Ajax將在初始降控制下被調用。你目前的配置只有在輸入兩個字母后纔會發出ajax呼叫。

+0

u節省了我的時間,tnx –