javascript - 自动完成搜索表单，在文本中间搜索

Question

我正在使用自动完成功能来搜索查询。

在此源代码中，如果输入ac，您可以得到accepts，action_name。

但是，我想获取带有输入 name 的 action_name 作为普通搜索表单。

我怎样才能做到？

$(function() {
  var data = [
    'accepts',
    'action_name',
    'add',
    'add_column',
    'add_index',
    'add_timestamps',
    'after_create',

  ];

  $('#txtKeywd').autocomplete({
    source: function(request, response) {
      response(
        $.grep(data, function(value){
          return value.indexOf(request.term) === 0;
        })
      );
    },
    autoFocus: true,
    delay: 500,
    minLength: 2
  });
});

Answer 1

$(function() {
  var availableTags = [
    'accepts',
    'action_name',
    'add',
    'add_column',
    'add_index',
    'add_timestamps',
    'after_create',
  ];
  $("#tags").autocomplete({
    source: availableTags
  });
});

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags">
</div>