如何实现自动提示功能以及删除按钮？

Question

我想实现标签功能，就像在stackoverflow网站中一样，也是删除标签的功能。

我指的是jquery ui autocomplete插件。

对于删除功能，我指的是以下网站：website link

我需要的功能是标签应以逗号分隔，用户可以选择的标签数量应该有限制。应该还有删除标签的功能。

我知道select函数中有条款限制no。建议。

我尝试合并上述网站提供的功能。

为此，我修改了选择功能。

select: function( event, ui ) {
                            var terms = split( this.value );
                            if (terms.length <= 2) {
                            // remove the current input
                            terms.pop();
                            // add the selected item
                            terms.push( ui.item.value );
                            // add placeholder to get the comma-and-space at the end
                            terms.push( "" );
                             var friend = ui.item.value,  
                span = $("<span>").text(friend),  
                a = $("<a>").addClass("remove").attr({  
                    href: "javascript:",  
                    title: "Remove " + friend  
                }).text("x").appendTo(span);  

                //add friend to friend div  
                span.insertBefore("#txtTopic");  
                            } else {
                                terms.pop();
                            }                               
                            this.value = terms.join( "," );
                            return false;
                        }

现在我得到以下结果：

如何实现具有限制，逗号分隔和删除功能的多个标记的此功能？

Answer 1

如果没问题，那么你可以使用这个插件：autosuggest plugin。