jquery-ui - Jquery UI 自动完成匹配输入的第一个字母

Question

嘿伙计们需要一些帮助。我想知道我是否可以添加一个函数来只匹配从左到右的字母，而不是将包含该字母的任何单词带到我当前的代码中。例如，如果我搜索 A 并且我的列表包含 Apple 和 Banana，则只有 Apple 应该出现。我知道已经有人问过这个问题，但正在寻找适合我当前代码的东西。

$(document).ready(function() {
  $("input.autocomplete").autocomplete({
    minLength: 1,

    source: [{
        value: "Equipment Search",
        url: ''
      }
     
    ],
    select: function(event, ui) {
      window.open(ui.item.url);
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<div class="input-group">
  <input type="text" id="appsearch" class="form-control autocomplete" placeholder="Application Search" />
  <span class="input-group-btn">
    		<button class="btn btn-primary inputBtn" id="appSearchBtn" type="button">Search</button>
		</span>
</div>

Answer 1

一种方法是覆盖默认功能；

// Overrides the default autocomplete filter function to search only from the beginning of the string
$.ui.autocomplete.filter = function (array, term) {
    var matcher = new RegExp("^" + $.ui.autocomplete.escapeRegex(term), "i");
    return $.grep(array, function (value) {
        return matcher.test(value.label || value.value || value);
    });
};

这是这个工作的 fiddle :

http://jsfiddle.net/yLdn3/324/