首页 > 解决方案 > 如何使用 Typeahead.js 在不过滤任何用户输入的情况下获取一组数据

问题描述

我想通过任何用户输入获取本地数据集。这就像用户的历史。例如,每当用户键入内容时,我都想获取数组 userHistory 的前两项。

<div class="summary">
  <div class="trip">
    <input class="history-data tt-input" type="text" placeholder="Some text" />
  </div>
</div>

$(document).ready(function() {
   var $stateInput = $("input.history-data");


  function getData() {

    var userHistory =  [ { userHistory: 'History 1' }, { userHistory: 'History 2' }, { userHistory: 'History 3' }, { userHistory: 'History 4' } ];

    return userHistory;
  }

  $stateInput.typeahead(
    {
      hint: true,
      highlight: true,
      minLength: 1
    },
    {
      name: 'userHistory',
      limit: 2,
      source: getData,
    });

});

演示 jsfiddle

标签: jquerytypeahead.js

解决方案


推荐阅读