Facebook风格的JQuery自动完成插件[关闭]

我在插件完成后可以像Facebook一样完成自动完成，因为您可以选择多个项目-类似于标记stackoverflow问题的工作方式。

这是我遇到的一对夫妇：

• http://wharsojo.wordpress.com/2008/02/18/jquery-facebook-autocomplete
• http://www.emposha.com/javascript/fcbkcomplete.html
• https://github.com/loopj/jquery-tokeninput

你有没有尝试过这些？它们易于实现和定制吗？

https://github.com/loopj/jquery-tokeninput

我刚刚参加了这个会议，使用asp.net页面输出JSON（来自搜索参数）真的很容易实现，然后只需要创建几行Javascript（和设置）即可

$(document).ready(function() {
        $("#Users").tokenInput("../Services/Job/UnassignedUsers.aspx?p=<%= projectID %>&j=<%= jobID %>", {
        hintText: "Begin typing the user name of the person you wish to assign.",
        noResultsText: "No results",
        searchingText: "Searching..."
    });
});

这个非常好！https://github.com/wuyuntao/jquery-autosuggest/

如何使用它

显然，您需要确保页面中已经加载了最新的jQuery库（至少1.3）。之后，这非常简单，只需将以下代码添加到页面中（确保将代码包装在jQuery的ready函数中）：

$(function(){
    $("input[type=text]").autoSuggest(data);
});

上面的代码行将AutoSuggest应用于input 页面上的所有文本类型元素。每个人将使用同一组数据。如果要在页面上拥有多个使用不同数据集的AutoSuggest字段，请确保分别选择它们。像这样：

$(function(){
    $("div.someClass input").autoSuggest(data);
    $("#someID input").autoSuggest(other_data);
});

执行上述操作将允许您传递不同的选项和不同的数据集。下面是将AutoSuggest与数据对象和其他各种选项结合使用的示例：

var data = {items: [
    {value: "21", name: "Mick Jagger"},
    {value: "43", name: "Johnny Storm"},
    {value: "46", name: "Richard Hatch"},
    {value: "54", name: "Kelly Slater"},
    {value: "55", name: "Rudy Hamilton"},
    {value: "79", name: "Michael Jordan"}
]};
$("input[type=text]").autoSuggest(data.items, {selectedItemProp: "name", searchObjProps: "name"});

这是我发现的内容，无特定顺序：

• Selectize.js
• jQuery Tokeninput - GitHub
• 选择2
• 文字框清单
• Tag-it - GitHub
• TextExt
• FCBKcomplete - GitHub的-演示
• jQuery Facebook自动完成
• jquery-autosuggest - drewwilson演示
• 松树标签
• 标签编辑
• 塔吉特
• jQuery标签输入
• 标签
• jquery.token-field

如果您正在寻找fb和tw之类的用户提及功能，那么这是个不错的插件http://podio.github.io/jquery-mentions-input/

这是原始的JQuery自动完成插件，之前已集成到JQueryUI中。如果您只想提供JQuery而不是整个JQueryUI库，请使用此库。我过去曾经使用过它，并对此感到满意。

http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete /

我找到了这个。似乎功能强大，维护良好并且响应迅速。

http://ivaynberg.github.io/select2/

devbridge自动建议给我留下了深刻的印象。高度可定制