JQuery的自動填充不縮小

Question

實施例的數據：

var data = [{label:"Jonathan Montiel",value:"28465"},{label:"Jackson C. Gomes",value:"5145692"}]; 

自動填充代碼：

$("#tagName").autocomplete({   
      source: function(request, response) { 
       response(data); 
      }, 
      select: function(event, ui) { 
       $("#tagName").val(ui.item.label); 
       return false; 
      } 
     }); 

當我在ID爲#tagName輸入類型，自動完成選項顯示，但不降低作爲I型，任何字母輸入留下相同的自動完成結果，例如打字ja同時顯示兩個選項。

有沒有明顯的錯誤？

Answer 1

$("#tagName").autocomplete({   
      source: data //updated here 
      }, 
      select: function(event, ui) { 
       $("#tagName").val(ui.item.label); 
       return false; 
      } 
     }); 

工作正常，我有jquery 1.9.1和UI 您可以在JSON數據直接傳遞。

見jsfiddle

Answer 2

使用source，您必須篩選自己：

source: function(request, response) { 
     var matcher = RegExp("^" + $.ui.autocomplete.escapeRegex(request.term), "i"); 
     response($.grep(data, function(item) { 
      return matcher.test(item.label); 
     })); 
    } 

Answer 3

我也有類似的問題，外部大數據集。我通過將數據加載到局部變量並將該變量用作自動完成功能中的源來解決此問題。