我想实现标签功能,就像在 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;
}
现在我得到以下结果:
我如何实现这个具有限制、逗号分隔和删除功能的多个标签的功能?