jQuery 자동 완성 : 값 입력 필드의 목록 축소

Question

매개 변수 중 하나가 검색 필드와 다른 필드에있는 경우 목록을 필터링하는 방법은 무엇입니까? 예를 들어, 사용자는 group = "Test"를 지정하고 #ContactPerson 필드에서 검색을 시작합니다. 나는 단지 "기록"을 원한다. "그룹": "시험"이 나타난다. http://jsfiddle.net/71puvk59/

Answer 1

이 this answer에 따라 사용자가 검색 기능을 무시하고 모든 필터를 적용 할 수 있습니다 :

("#ContactPerson").autocomplete({ 
       source: [{"value":"XYZ","name":"ZJL","group":"Test"},...] 
    ... 

이것은 내가 지금까지 시도했지만, 그것이 작동하지 않는 것입니다.

var source = [ 
    {"value": "JL", "name": "JL", "group": "Test"}, 
    {"value": "MV", "name": "MV", "group": "Family"} 
]; 

$('#ContactPerson').autocomplete({ 
    source: source, 
    search: function (oEvent, oUi) { 
     // get current input value 
     var sValue = $(oEvent.target).val(); 

     //groupValue 
     var groupValue = $("#group").val(); 

     // init new search array 
     var aSearch = []; 

     // for each element in the source array ... 
     $(source).each(function (iIndex, sElement) { 

      var groupFilterMatch = ((groupValue && sElement.group.indexOf(groupValue) != -1) || !groupValue); 
      var nameFilterMatch = sElement.name.indexOf(sValue) != -1; 

      // ... APPLY YOUR FILTERS HERE 
      //Example: filter group, if it is defined, and filter name 
      if (groupFilterMatch && nameFilterMatch) { 
       // add element 
       aSearch.push(sElement); 
      } 
     }); 

     // change search array 
     $(this).autocomplete('option', 'source', aSearch); 
    } 
}); 

http://jsfiddle.net/vcarvalho/91Lj5nxx/