改变自动完成搜索的工作方式

Question

目前我有：

$("#location").autocomplete({source: cities, minLength: 0, autoFocus: true});

问题是这个插件在给定输入中搜索任何地方的匹配项。

例如，如果我输入“Bos”，它不仅会建议以“Bos”开头的单词，还会建议中间有“bos”的单词。

我该如何解决这个问题？

Answer 1

看起来您必须使用 source 选项的回调设置：

第三种变体，即回调，提供了最大的灵活性，并且
可用于将任何数据源连接到自动完成。回调
获取两个参数：

• 一个请求对象，有一个名为“term”的属性，它
  指当前文本输入中的值。例如，当
  用户在城市字段中输入“new yo”，自动完成术语将
  等于“新哟”。
• 响应回调，它期望包含一个参数
  向用户建议的数据。应根据以下条件过滤此数据
  提供的术语，可以采用上述任何格式
  对于简单的本地数据（字符串数组或对象数组
  标签/值/两个属性）。提供定制时很重要
  用于处理请求期间错误的源回调。你必须始终
  即使遇到错误，也会调用响应回调。这
  确保小部件始终具有正确的状态。 （来源）

未经测试：

$(function() {
    var options = ["Foo", "Bar", "Baz", "Foobar"];

    $(<selector>).autocomplete({
        source: function(request, response) {
                    var matches = [],
                        term = request.term.toLowerCase(),
                        termLen = term.length;

                    for (var i = 0, j = options.length; i < j; i++) {
                         if (options[i].substring(0, termLen).toLowerCase() == term) {
                             matches.push(options[i]);
                         }
                    }

                    response(matches);
            }
    });
});

Answer 2

这在 jQuery Autocomplete 插件中很容易实现，其文档回答了这个问题：

matchContains | 布尔值 | 默认值： false

是否比较
查看搜索结果内部（即“ba”是否匹配“foo bar”）。
仅当您使用缓存时才重要。不要与自动填充混合。

您可能希望从 jQuery UI Autocomplete 切换到此功能，因为它功能更齐全。

Answer 3

正如 @jensgram 所说，您可以使用 source 方法。

在我的网络应用程序中，类似的东西对我有用：

$("#location").autocomplete({
    source : function(request, response) {
        /* cities.html?query=... should return json array words starting with query value */
        $.getJSON('cities.html?query=' + request.term, function(data) {
            response(data);
        });
    }
});