当前位置: 58彩票app下载 > 计算机网络 > 正文

可过滤重复

时间:2019-09-18 11:14来源:计算机网络
暂风尚未对手动输入的做剖断, 需求的话,可自动在keyup及change事件中加多相关判别. 有关表明及调用方法,请参见代码中的注释. 演示及代码: 挑选标签至文本域效果,可多选/可过滤重复/可

暂风尚未对手动输入的做剖断, 需求的话, 可自动在keyup及change事件中加多相关判别.
有关表明及调用方法,请参见代码中的注释.
演示及代码:

挑选标签至文本域效果,可多选/可过滤重复/可限制个数@Mr.Think

标签:

关闭

和煦提示:慎选上边的火爆标签及使用过的标签,标签将电动排列至表单域。

火爆标签:时刻漫步)JavaScript)jQuery Plugin)那一年)jQuery插件)简单)星空)梦田)晴朗)mrthink.net)

您使用过的标签:许巍)Sophie Zelmani)王菲)小娟&山谷里的市民)Ke$Ha)Shakira)朴树)罗大佑)

自己是用来测量试验的下拉列表 00 00 00

自个儿是用来测量试验的下拉列表 one two three

[Ctrl+A 全选 注:如需引进外界Js需刷新工夫进行]

复制代码 代码如下:

;(function(){
$.fn.extend({
iSelectTags:function(options){
var iset={
name:'.tagsbox',//表单或class或id名
drop:$('#dropbox'),//弹出框定位
pseudoClass:$('#dropbox>p>a'),//可选取的价签署位
close:$('em.close'),//关闭开关定位
separator:',',//标签间分隔符,建议使用印度语印尼语逗号
maxCount:10 //暗中认可限制个数,也足以安装表单的data-count值覆盖暗许值
}
options = options || {};
$.extend(iset, options);

var _input=$(iset.name);
var _inputVal=_input.val();
var _arr=new Array(); //存放标签的数组
var _left=_input.offset().left; //左相对相差
var _top=_input.offset().top+_input.outerHeight(); //上相对距离,此处要增多表单的惊人
var _dropW=_input.outerWidth()-parseInt(_input.css('border-left-width'))-parseInt(_input.css('border-right-width'))-parseInt(iset.drop.css('paddingLeft'))-parseInt(iset.drop.css('paddingRight'));
iset.drop.css({'position':'absolute','left':_left+'px','top':_top+'px','width':_dropW+'px'});
//弹出框的大幅,此处总计的是与表单实际增进率相等的.也得以直接在体制中定义.
var _txt=null;
var _maxCount=parseInt(_input.attr('data-count'));//限制选择个数
if(isNaN(_maxCount)){
_maxCount=iset.maxCount
}

_input.click(function(){
iset.drop.show();
iset.drop.bgiframe();//调用bgiframe插件,化解ie6下select的z-indexInfiniti大问题
}).bind('keyup change',function(){
//能够在这里扩大手动输入标签情状下的相干判定
//if语句可制止清空重新选拔时首先个字符为逗号
if ($(this).val() == '') {
_arr = new Array();
}else {
_arr = $(this).val().split(iset.separator);//当客户手动删除或修改标签值后更新标签值
}
});

$(document).click(function(e){
//点击非弹出框区域时关闭弹出框
//上面包车型地铁 if语句是用来决断传入的是class还是id
if(iset.name.charAt(0)=='#'){
if(e.target.id!=iset.name.substring(1)){
iset.drop.hide();
}
}else if(iset.name.charAt(0)=='.'){
if(e.target.className!=iset.name.substring(1)){
iset.drop.hide();
}
}
});

iset.drop.click(function(e){
//阻止弹出框区域暗中认可事件
e.stopPropagation();
});

iset.pseudoClass.click(function(){
//标签选拔
_txt=$(this).text();
//上边包车型客车$.inArray是用来判定是不是再一次
//若想举报重复提醒或走出限制个数提醒,可勘误下边包车型地铁if语句
if(($.inArray(_txt,_arr)==-1) && (_arr.length<_maxCount )){
_arr.push(_txt);
_inputVal=_arr.join(iset.separator);
_input.val(_inputVal);
}

});
//关闭开关
iset.close.click(function(){
iset.drop.hide();
});
}
});
})(jQuery);

原来的小说发表于Mr.Think的博客:

您也许感兴趣的稿子:

  • JS限制Textarea文本域字符个数的现实性贯彻
  • JavaScript 文本域字体大小选用成效
  • 使用javascript完成禁止使用网页上有着文本框,下拉菜单,多创作本域

编辑:计算机网络 本文来源:可过滤重复

关键词: