防止标签框中的标签重复输入

时间:2014-01-16 00:34:55

标签: javascript jquery html

我正在尝试阻止我在标签输入框中双重输入标签。

检查出来:

http://jsfiddle.net/Newtt/4K6f7/5/

我正在尝试使用两个数组来检查框内的哪个值,以及哪个值在内部下拉:

var array1 = ['PDF', 'Documents'];
var array2 = [];

从下拉列表中单击某个项目时,它将从array1中删除并放入array2。我不太清楚它的逻辑,但我已经尽力在小提琴中解释它。

其余的代码非常简单,可以在输入框中添加标签。

有没有更好的方法来做这样的事情?如果是这样,怎么样?

谢谢!

1 个答案:

答案 0 :(得分:0)

这是一个快速修复:

if(array2.indexOf(c) == -1) {
            array2.push(c);
            if (d != '') {
                ...
        }

$('#reset').click(function () {
    array2 = [];
    ....

每次添加项目时,都会将其推送到array2 然后测试(indexOf)项目是否已经在该数组中,然后再添加两次。

<强> Fiddle