使用JQuery自动完成？

Question

我正在寻找一个支持标签（如stackoverflow）和图片（如Facebook的搜索）的自动完成的jQuery插件。任何建议？

Answer 1

jQuery UI有autocomplete这很容易使用。

您向其传递可能值的数组（从服务器或客户端），并且自动完成从此处接受它。

Here是一个示例，可以帮助您了解如何使用自定义数据。

从jQuery UI的

$(function() { 
     var availableTags = [ 
      "ActionScript", "AppleScript", 
      "Asp", "BASIC", 
      "C", "C++", 
      "Clojure", "COBOL", 
      "ColdFusion", "Erlang", 
      "Fortran", "Groovy", 
      "Haskell", "Java", 
      "JavaScript", "Lisp", 
      "Perl", "PHP", 
      "Python", "Ruby", 
      "Scala", "Scheme" 
     ]; 
     $("#tags").autocomplete({ 
      source: availableTags 
     }); 
    }); 

和HTML摘录：

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