jQuery自动完成（devbridge）从头开始搜索

Question

我正在使用devbridge的自动完成jQuery脚本。 是否有选项可以从单词的开头过滤搜索，而不是应用于单词的任何位置？

就像我输入“R”一样，我希望只看到以R开头的单词而不是每个单词中的R字符。

基本上从我开始寻找的过滤器搜索。

怎么可以这样做？这有选择吗？

<script>
$(function() {

var fruits = [
   { value: 'Apple',  data: 'Apple' },
   { value: 'Pear',   data: 'Pear' },
   { value: 'Carrot', data: 'Carrot' },
   { value: 'Cherry', data: 'Cherry' },
   { value: 'Banana', data: 'Banana' },
   { value: 'Radish', data: 'Radish' }
];

  $("#autocomplete").autocomplete({
        lookup: fruits,
        onSelect: function (suggestion) {
          alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
        },
  });
});
</script>

Answer 1

添加lookupFilter函数：

$("#autocomplete").autocomplete({
    lookup: fruits,
    onSelect: function (suggestion) {
      alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
    },
    lookupFilter: function (suggestion, query, queryLowerCase) {
        return suggestion.value.toLowerCase().indexOf(queryLowerCase) === 0;
    }
});