美文网首页
重复添加 判断添加小技巧

重复添加 判断添加小技巧

作者: 绝世小熊猫 | 来源:发表于2019-07-08 10:43 被阅读0次
我用逗号分隔

输入框要求添加 一段文字 也要求点击选项的时候 选项中的文字也添加进去
很简单 += 搞定
那么问题来了 重复添加的文字如何做判断  ?
步骤:
1.首先定义一个空数组a 用来保存 输进去的 所有值
2.加判读 输入框为空时 数组清空 保证后面校验正确
3.定义一个变量 这个变量是 数组a 用逗号分隔后合并成的字符串
4.用新输入的值和 步骤3的变量 做比较 indexOf("新输入的值")==-1  就允许添加
5.在输入框中加个事件 输入完成 后把 数组a清空,把最后留下的值用逗号分隔成新数组,然后用它和数组a cancat合并为一个,避免删除某字时  判断失效

注释:这样写  即使改变输入框的值 ;新添加的值 和 输入框的值做比较 始终是拿最新的值【数组转的字符串】做比较,不存在改变后获取不到最新值

相关文章

网友评论

      本文标题:重复添加 判断添加小技巧

      本文链接:https://www.haomeiwen.com/subject/uawnhctx.html