当前位置:首页 > 开发 > 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

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号