Javascript JQuery类似Facebook的标记功能

Javascript JQuery类似Facebook的标记功能,javascript,jquery,ajax,facebook,Javascript,Jquery,Ajax,Facebook,有人知道一个非常基本的标记JQuery脚本吗?类似Facebook的标签功能 我所要做的就是在文本框中键入@以搜索AJAX搜索,然后它会返回一个显示名称,即Bob Johnson和一个关联的Id,并将该Id存储在逗号分隔的列表中 下面是一个例子 [文本区域] [姓名1] [姓名2] [姓名3] 问题是一旦标签被删除,它还需要删除这个条目Id,它还需要加载到一个有滚动条的DIV中,这样列表就不会变大 如果有人知道如何/如果这是可能的,那就太好了 谢谢。编辑:我已经差不多用完了。源选项的工作原理与j

有人知道一个非常基本的标记JQuery脚本吗?类似Facebook的标签功能

我所要做的就是在文本框中键入@以搜索AJAX搜索,然后它会返回一个显示名称,即Bob Johnson和一个关联的Id,并将该Id存储在逗号分隔的列表中

下面是一个例子

[文本区域] [姓名1] [姓名2] [姓名3]

问题是一旦标签被删除,它还需要删除这个条目Id,它还需要加载到一个有滚动条的DIV中,这样列表就不会变大

如果有人知道如何/如果这是可能的,那就太好了


谢谢。

编辑:我已经差不多用完了。源选项的工作原理与jQuery UI Autocomplete的工作原理类似,因此您可以向其传递返回数组的函数,或者直接传递数组。

Mmm是的,这可能非常有效。我必须承认,我有点像JQuery新手;我认为我的主要问题是把它加载到一个有滚动条的DIV中,并显示相关的ID。但人们也必须能够键入普通文本,就像facebook状态一样,如果这有意义的话?谢谢你的帮助。嗨,马库斯,我试着在你的代码中添加一个AJAX调用,但我似乎无法让它工作。我在var matches=[]下添加了以下内容:;但是…$.ajax{url:'search.asp?SearchTerm='+SearchTerm,success:functiondata{var names=data;};尝试使用我在答案中链接的最新版本。我会继续更新,这样你就可以随时查看新版本。看起来很棒,马库斯,谢谢你的帮助。我看到的唯一问题是,当您删除一个隐藏字段时,它没有正确更新隐藏字段?