Javascript库/ jquery插件,使我能够单击标签列表输入它们

javascript library / jquery plugin that enables me to click on a list of tags to input them

本文关键字:标签 单击 列表 输入 jquery 插件 Javascript      更新时间:2023-09-26

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

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

但是我想要的是:

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

当然,输入框仍然需要像普通输入框一样工作,也就是说,我仍然可以在其中键入内容。

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

是否有一个插件来做到这一点?

你想要这个效果吗?这个效果没有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;
    }
}