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

Question

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

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

但我想要的是这样的：

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

当然，输入框仍然需要像普通输入框一样，即我仍然可以输入。

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

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

Answer 1

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

demo here

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