jQuery-ui 자동 완성 복수 값 정렬 알파벳순으로 결과

Question

Sorting Autocomplete UI Results based on match location과 관련하여 단일 값 jQuery 자동 완성을 제공하는 솔루션이 있지만 여러 값에 대해 비슷한 솔루션을 얻을 수 있습니까? jQuery 자동 완성 (http://jqueryui.com/autocomplete/#multiple)?

예 :

응답에서

Answer 1

여기 유일한 차이는 것입니다 귀하의 드롭 다운에 당신에게 여러 값을 제공해야합니다 확인해야하고 extractLast에 연결된 데모와 같은 전화를해야합니다. 여기에 여러 값으로 작동합니다 전체 코드합니다 (source 옵션에 특히주의)이다 :

$("#tags") 
    .on("keydown", function (event) { 
     if (event.keyCode === $.ui.keyCode.TAB && $(this).data("autocomplete").menu.active) { 
      event.preventDefault(); 
     } 
    }) 
    .autocomplete({ 
     minLength: 0, 
     source: function (request, response) { 
      var term = $.ui.autocomplete.escapeRegex(extractLast(request.term)) 
       // Create two regular expressions, one to find suggestions starting with the user's input: 
       , startsWithMatcher = new RegExp("^" + term, "i") 
       , startsWith = $.grep(source, function(value) { 
        return startsWithMatcher.test(value.label || value.value || value); 
       }) 
       // ... And another to find suggestions that just contain the user's input: 
       , containsMatcher = new RegExp(term, "i") 
       , contains = $.grep(source, function (value) { 
        return $.inArray(value, startsWith) < 0 && 
         containsMatcher.test(value.label || value.value || value); 
       });    

      // Supply the widget with an array containing the suggestions that start with the user's input, 
      // followed by those that just contain the user's input. 
      response(startsWith.concat(contains)); 
     }, 
     focus: function() { 
      return false; 
     }, 
     select: function (event, ui) { 
      var terms = split(this.value); 
      terms.pop(); 
      terms.push(ui.item.value); 
      terms.push(""); 
      this.value = terms.join(", "); 
      return false; 
     } 
}); 

예 :http://jsfiddle.net/Aa5nK/1/

Answer 2

, 당신은 당신이 당신의 쿼리에서 원하는 내용과 일치하는 결과의 목록을 반환해야 용어가 list_of_terms 배열의 용어의 시작을 동일 입력 한 경우

list_of_terms = {"term0","term1","term2",...}; 

$("#inputsearch").autocomplete({ 
    var term = request.term 
    var list = new Array(); 
    source: function(request, response) { 
     var cnt = 0; 
     $.each(list_of_terms, function(i) { 
      var rSearchTerm = new RegExp('^' + RegExp.quote(term),'i'); 
      if (list_of_terms[i].match(rSearchTerm)) {     
       list[cnt] = list_of_terms[i]; 
       cnt++; 
      } 
     }); 
    response(list); 
    } 
}); 



RegExp.quote = function(str) { 
    return (str+'').replace(/([.?*+^$[\]\\(){}|-])/g, "\\$1"); 
}; 

것은 내가 괄호를 놓치지 않았다 제공이