0

ウェブプログラミング初心者です。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);
});

どなたかアドバイスを頂けますでしょうか。宜しくお願いいたします。

7
  • > こちらも試してみましたが、解決できませんでした。 > > var a = $.grep(autoData, function(value){ > var matcher = new RegExp("\\b" + term, "i"); > return matcher.test(term); > }); matcher.test(term)でなくmatcher.test(value)ですか? 例えばフィルター対象がavailableCodeだったりautoDataだったりと変数が安定しておらず、第三者からは何を操作しているのかよくわかりません。質問者さんは把握できているのでしょうか?
    – sayuri
    Commented 2017年7月14日 19:45
  • @sayuriさん 別のテストページを作成してそこからコピーしたため変数が異なる形となり困惑を招き申し訳ありませんでした。メインの質問の全体のコード内の変数は互い違いになっていなかったと思います。
    – Chrissa
    Commented 2017年7月14日 21:01
  • var matcher = new RegExp("\\b" + term, "i"); から var matcher = new RegExp("" + term, "i"); に変更することにより問題なく動作するようになりました。ありがとうございました。 console.log("result - " + matcher.test(value.label || value.value || value)); console.log("value - " + value) でコンソール出力したところ、予想通りの結果を表示していることも確認できています。
    – Chrissa
    Commented 2017年7月14日 21:07
  • 1
    @YukiInoue 初めての質問だったため不適切な回答方法ですみませんでした。そしてアドバイスありがとうございます。自己回答させていただきました。
    – Chrissa
    Commented 2017年7月17日 19:02
  • 1
    @YukiInoue ご丁寧な回答ありがとうございます。早速承認しました。今後質問投稿する際の参考になるので助かりました。
    – Chrissa
    Commented 2017年7月17日 19:11

1 件の回答 1

0

var matcher = new RegExp("\\b" + term, "i");
から
var matcher = new RegExp("" + term, "i");
に変更することにより問題なく動作するようになりました。ありがとうございました。

console.log("result - " + matcher.test(value.label || value.value || value));
console.log("value - " + value)

でコンソール出力したところ、予想通りの結果を表示していることも確認できています。

アドバイスくださったみなさま、ありがとうございました。

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。