首页 > 代码库 > 使用jQuery实现tag便签去重效果

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

话不多说直接看代码

jsp页面的核心代码


<head>

<script type="text/javascript" src=http://www.mamicode.com/"js/jQuery.js"></script> //jquery引用代码

<script type="text/javascript" src=http://www.mamicode.com/"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便签去重效果