Question

我在插件之后做像facebook这样的自动完成，你可以选择多个项目 - 类似于标记stackoverflow问题的方式。

以下是我遇到的一对夫妇：

你尝试过这些吗？它们是否易于实施和定制？

Answer 1

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..."
    });
});

Answer 2

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

如何使用

显然你需要确保你拥有最新的jQuery库（at   至少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"});

Answer 3

这是我发现的，没有特别的顺序：

Answer 4

如果你正在寻找像fb和tw这样的用户提及功能，这是一个很好的插件http://podio.github.io/jquery-mentions-input/

Answer 5

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

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

Answer 6

我找到了这个。看似健壮，维护良好且响应迅速。

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

Answer 7

devbridge自动提示让我印象深刻。高度可定制的

Facebook风格的JQuery自动完成插件

7 个答案:

如何使用