当前位置:首页 > 开发 > Web前端 > Jquery > 正文

使用jQuery实现tag便签去重效果

发表于: 2015-11-13   作者:互联网   来源:转载   浏览次数:
摘要: 话不多说直接看代码 jsp页面的核心代码 <head> <script type="text/javascript" src="js/jQuery.js"></script>  //jquery引用代码 <script type="text/javascript" src=

话不多说直接看代码

jsp页面的核心代码


<head>

<script type="text/javascript" src="js/jQuery.js"></script>  //jquery引用代码

<script type="text/javascript" src="js/delRepeat.js"></script>//实现去重的js代码

</head>

<body>

<input id="repeatValue" type="text" onblur="delRepeat()">

</body>


delRepeat.js

function delRepeat(){
var str = $('#repeatValue').val();
var strArr=str.split(" ");//把字符串以空格切割成一个数组


var uniqueArr = [];
$.each(strArr, function(i, el){
   if($.inArray(el, uniqueArr) === -1) uniqueArr.push(el);
});
  $('#repeatValue').val(uniqueArr.join(" "));  //再将字符串组合

}

搞定!

使用jQuery实现tag便签去重效果

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
如图所示: 代码: 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml">
我的广告单元,有空点一下哦,谢谢! 采用JQuery的fancybox实现便签留言板。 关于fancybox的介绍请
下面的场景大家已经见得多了,假设左侧的select id为allMenus,右边的select id为menus jquery对sel
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml
在线演示 本地下载 大家有没有尝试使用纯CSS和Javascript来生成带有颜色的元素阴影?如果你也想生成
日期:2012-5-4 来源:GBin1.com 在线演示 本地下载 大家有没有尝试使用纯CSS和Javascript来生成带
重复的代码在软件开发过程中是会带来很大隐患的东东,尤其是当重复的代码发生变更时,很多莫名其妙
效果如下: HTML Code: <div class="bar"> <div class="slideDiv"> <div class="but
jquery实现群星闪烁的效果。代码产生指定数量的星星,位置随机排布。可更换星星图片,修改星星的数
借助jquery实现对某个物体的拖动,虽然实现了,但感觉用其狠不爽,快速的上下拖动就会脱轨,bug太多
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号