ウェブプログラミング初心者です。JQuery UIのAutocompleteでユーザー入力文字と同じ文字が配列に含まれる場合、そのレコードを表示したいと思っています。
一致するレコードのいくつかは表示されるのですが、データベースと照らし合わせたところ表示されていないレコードがあります。
customFilterをデバッグしたところ、array
には正しいリストが渡されておりterm
にも入力したテキストボックスの値が格納されています。
function customFilter(array, terms) {
arrayOfTerms = terms.split(" ");
var term = $.map(arrayOfTerms, function (tm) {
return $.ui.autocomplete.escapeRegex(tm);
}).join('|');
var matcher = new RegExp("\\b" + term, "i");
return $.grep(array, function (value) {
return matcher.test(value.label || value.value || value);
});
};
$( "#frmCode" ).autocomplete({
multiple: true,
mustMatch: false,
minLength: 2,
source: function (request, response) {
response(customFilter(
availableCode, request.term));
}
});
こちらも試してみましたが、解決できませんでした。
var a = $.grep(array, function(value){
var matcher = new RegExp("\\b" + term, "i");
return matcher.test(value);
});
どなたかアドバイスを頂けますでしょうか。宜しくお願いいたします。
matcher.test(term)
でなくmatcher.test(value)
ですか? 例えばフィルター対象がavailableCode
だったりautoData
だったりと変数が安定しておらず、第三者からは何を操作しているのかよくわかりません。質問者さんは把握できているのでしょうか?