javascript - javascript 库 / jquery 插件，使我能够单击标签列表来输入它们

Question

我搜索了很多，我能找到的所有标签输入插件都是这样的：http: //xoxco.com/projects/code/tagsinput/

您可以在输入框中输入内容，它会以漂亮的样式包装标签并提供自动完成等功能。

但我想要的是这样的：

我有一个推荐标签列表。该插件使标签可点击。当我点击一个标签时，标签进入输入框。当我再次单击该标签时，该标签将从输入框中删除。

当然，输入框还是需要像普通的输入框一样，也就是我还是可以输入的。

这就像https://delicious.com/和http://diigo.com/上的标记。

有没有插件可以做到这一点？

Answer 1

你想要这个效果吗？这个效果没有jquery方法，这是js代码。

演示在这里

var navs = document.getElementById('nav').getElementsByTagName('li');
var tmp = navs[navs.length-1];
for(var i=0; i<navs.length; i++){
    navs[i].onclick = function(){
        tmp.className = '';
        this.className = 'current';
        tmp = this;
    }
}