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

javascript库/jquery插件,使我能够单击标签列表来输入它们,javascript,jquery,jquery-plugins,tags,Javascript,Jquery,Jquery Plugins,Tags,我搜索了很多,我能找到的所有标签输入插件都是这样的: 你可以在输入框中输入,它将标签包装成漂亮的样式,并提供自动完成等功能 但我想要的是: 我有一个推荐标签的列表。该插件使标签可点击。当我点击一个标签时,标签进入输入框。当我再次单击标记时,该标记将从输入框中删除 当然,输入框仍然需要像普通输入框一样工作,也就是说,我仍然可以输入它 这就像是在和上加上标签 有插件可以做到这一点吗?你想要这个效果吗? 这个效果没有jquery方法,这是js代码 var navs=document.getEleme

我搜索了很多,我能找到的所有标签输入插件都是这样的:

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

但我想要的是:

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

当然,输入框仍然需要像普通输入框一样工作,也就是说,我仍然可以输入它

这就像是在和上加上标签

有插件可以做到这一点吗?

你想要这个效果吗? 这个效果没有jquery方法,这是js代码

var navs=document.getElementById('nav').getElementsByTagName('li');
var tmp=导航[导航长度-1];

对于(var i=0;没有插件…您需要为该实现编写自己的自定义插件…谢谢。我查看了您的演示,但没有看到输入框。也许我没有把我的问题说清楚?谢谢。这个看起来不错。但是输入框仍然需要像普通的输入框一样工作,也就是说,我应该仍然能够键入in it。这不能完全用输入,只有一个额外的后面。然后当我想要得到值时,我需要得到div的值加上输入的值。我现在知道了。谢谢。
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;
    }
}