使用JQuery自动完成?

时间:2012-08-04 09:39:31

标签: jquery jquery-ui

我正在寻找一个支持标签(如stackoverflow)和图片(如facebook的搜索)的自动完整jQuery插件。有什么建议吗?

1 个答案:

答案 0 :(得分: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>