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

时间:2013-01-15 06:39:37

标签: javascript jquery jquery-plugins tags

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

您可以输入输入框,它会以漂亮的样式包装标签,并提供自动完成功能。

但我想要的是:

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

当然,输入框仍然需要用作普通输入框,即我仍然可以输入它。

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

是否有插件可以执行此操作?

1 个答案:

答案 0 :(得分: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;
    }
}