Jquery 自动完成多个关键字、突出显示和部分匹配

Question

我正在寻找一个 JQuery 自动完成功能，它将:

• 搜索部分匹配
• 突出显示所有出现的位置
• 允许多个单词
• 允许远程数据源(即 PHP 根据每次按键动态更新的查询字符串过滤数据库结果)

举个例子

搜索:“我回家了”

返回:“告诉我回家的路线”

尽管人们普遍期望 Google 式的自动完成功能，但我在寻找能够提供此功能的东西时遇到了困难。

jquery ui 自动完成( jQueryUI: how can I custom-format the Autocomplete plug-in results? )的 Monkeypatch 很接近，但似乎不提供动态远程数据源。

我还接近了以下脚本:

var termTemplate = "<span class='ui-autocomplete-term'>%s</span>";
$("#f input").autocomplete({
   source: "livesearch.php",
   open: function(e, ui) {
      var origKeyword = $("#f input").val();
      var acData = $(this).data('autocomplete');
      acData.menu.element.find('a').each(function() {
         var me = $(this);
         var regex = new RegExp(acData.term, "gi");
         me.html(me.text().replace(regex, function(matched) {
            return termTemplate.replace('%s', matched);
         }));
      });

   },
   select: function(event, ui) {
      var keyword = $("#f input").val();
      $("#f input").val('');
      window.location.href = 'MYURLHERE?VARIABLE=' + ui.item.value;
      return false;
   },
   focus: function(event, ui) {
      return false;
   }
});

但是，它不能处理突出显示由空格分隔的多个单词。

如果有人有任何建议，我将不胜感激。

Answer 1

@user287212，我对带有多个关键字的 JQuery AutoComplete 进行了一些研究。我在这个address中找到了一个例子。这是一个复杂的示例，但有一个包含多个关键字的 JQuery AutoComplete 示例。如果您在符号输入中写入符号，程序将为您提供文件中的术语。示例解释在此 link 。您可以查看此链接。