-1

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

我指的是 jquery ui 自动完成插件。

对于删除功能,我指的是以下网站:网站链接

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

我知道选择功能中有规定限制编号。的建议。

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

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

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;
                        }

现在我得到以下结果:

在此处输入图像描述

我如何实现这个具有限制、逗号分隔和删除功能的多个标签的功能?

4

1 回答 1

1

如果它很好,那么你可以使用这个插件:autosuggest plugin

于 2012-05-07T12:19:40.613 回答