jquery auto completeでコンマ区切り自動完成

Question

jquery auto completeプラグインを使用して自動完成を実装しようとしています。私はコンマ区切りの自動完成を達成することができません。

私が間違っているところで私を助けてください。

私のjqueryのコード：

$(document).ready(function() { 
$.getJSON('/releases/new.json', function() {  
alert("inside getJson"); 
alert(data1); 
$('#release_tester_tokens').autocomplete({source:names,multiple: true}); 
}); 
}); 

おかげで、 ラムヤ。

Answer 1

このwalk-throughが役立つかどうかを確認してください。それは、に、ユーザはカンマで区切られた複数の検索語を入力することができます次のコードが含まれています

$("#<%= txtMultipleName.ClientID %>").autocomplete({ 
    source: function (request, response) { 
     $.getJSON("AutoComplete.ashx", { 
      term: extractLast(request.term) 
     }, response); 
    }, 
    search: function() { 
     // custom minLength 
     var term = extractLast(this.value); 
     if (term.length < 1) { 
      return false; 
     } 
    }, 
    focus: function() { 
     // prevent value inserted on focus 
     return false; 
    }, 
    select: function (event, ui) { 
     var terms = split(this.value); 
     // remove the current input 
     terms.pop(); 
     // add the selected item 
     terms.push(ui.item.value); 
     // add placeholder to get the comma-and-space at the end 
     terms.push(""); 
     this.value = terms.join(", "); 
     return false; 
    } 
}); 
function split(val) { 
    return val.split(/,\s*/); 
} 
function extractLast(term) { 
    return split(term).pop(); 
} 

jQuery UI autocompleteページの情報の多くもあります。

Answer 2

例では、定義されていない変数にアクセスしていて、getJSON呼び出しの結果は決してアクセスしません。 JSONでは、コンマ区切りのリストは実際には配列です（[]内にある場合）。文字列の場合は、String splitを使用してソース配列を作成してください。

$(document).ready(function() { 
    $.getJSON('/releases/new.json', function(data) { 
     $('#release_tester_tokens').autocomplete({ 
      source: data.list, 
      multiple: true 
     }); 
    }); 
});