jQuery输入首字母自动完成代码

Enter the name of a fruit:

            
horsey(document.querySelector('input'), {
  suggestions: ['banana', 'apple', 'orange']
});

Lazy load the fruits, useful for AJAX! (loading starts when the field is focused)

Being lazy...

        
horsey(document.querySelector('input'), {
  suggestions: function (done) {
    setTimeout(function () {
      done(['banana', 'apple', 'orange']);
    }, 2000);
  }
});

You can also use "key value pairs":

        
horsey(document.querySelector('input'), {
  suggestions: [
    { value: 'banana', text: 'Bananas from Amazon Rainforest' },
    { value: 'apple', text: 'Red apples from New Zealand' },
    { value: 'orange', text: 'Oranges from Moscow' },
    { value: 'lemon', text: 'Juicy lemons from Amalfitan Coast' }
  ]
});