shawl.qiu javascript 表单列表框联动类 v1.2
说明:本次升级主要为增加两个功能, 可以自定义一个项, 和是否显示附加项...
1.1 版本没发布, 主要为除虫.
1.2 版本基本上没虫.
文章相关信息:
主题: shawl.qiu javascript 表单列表框联动类 v1.2
发表者: sq
电子邮件: shawl.qiu@
QQ: 557091
MSN: shawl.qiu@
Blog: /btbtd
发表日期: -1-12 22:01:25
来源引用: shawl.qiu asp/jscript 个人源代码管理系统
目录:
1.使用手册
2. select() 类源码
1.使用手册 shawl.qiuframeworkjavascriptclient-side ---/------------------------------------------------------------------------------ 三级联动->添加自定义项 varsle=newselect(); sle.source=document.getElementById('catAllStr').innerHTML;//源字串 sle.delimiter='##';//列定界符 sle.marker='@';//行分隔符 sle.addition=true; sle.custom='请选择:all'; sle.idBase='level';//标签ID基准字串,如:id1,id2.其中的id就是基准字符. sle.defaultSelect='all,all,all';//默认选中项,以值为准:如2,21,211.请不要带空格. sle.queryString='cat1id,cat2id,cat3id';//URL栏查询串,根据URL查询ID自动选中列表框项. sle.getItem();//执行本程序 sle=null; ---/------------------------------------------------------------------------------ 三级联动->添加附加项 varsle=newselect(); sle.source=document.getElementById('catAllStr').innerHTML;//源字串 sle.delimiter='##';//列定界符 sle.marker='@';//行分隔符 sle.addition=true; sle.idBase='level';//标签ID基准字串,如:id1,id2.其中的id就是基准字符. sle.defaultSelect='1,1,0';//默认选中项,以值为准:如2,21,211.请不要带空格. sle.queryString='cat1id,cat2id,cat3id';//URL栏查询串,根据URL查询ID自动选中列表框项. sle.getItem();//执行本程序 sle=null; } ---/------------------------------------------------------------------------------ 三级联动 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="/1999/xhtml"> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>shawl.qiutemplate</title> <scripttype='text/javascript'src='/sqFwJsCs/default.js'></script> <scripttype="text/javascript"> //<![CDATA[ /*--------------------------beginsqFwJsCs--------------------------------*/ //shawl.qiuframeworkjavascriptclient-side /*----------------global--------------------*/ //im.help.self(true); //im.help.source(true); //- //im.readme(); //- //im.find('default.js',true); //im.find(null,true); /*----------------object--------------------*/ //im.go('object.default'); //im.help('object.default',true); //- /*----------------string--------------------*/ //im.go('string.default'); //im.help('string.default',true); //- //im.go('string.format'); //im.help('string.format',true); //- //im.go('string.random'); //im.help('string.random',true); //- //im.go('string.highlight'); //im.help('string.highlight',true); //im.help('string.highlight'); //- /*----------------check---------------------*/ //im.go('check.default'); //im.help('check.default',true); //- /*----------------array---------------------*/ //im.go('array.default'); //im.help('array.default',true); //- /*----------------dom---------------------*/ //im.go('dom.keywords'); //im.help('dom.keywords',true); //- //im.go('dom.default'); //im.help('dom.default',true); /*----------------image---------------------*/ //im.go('image.default'); //im.help('image.default',true); //- /*----------------form---------------------*/ //im.go('form.default'); //im.help('form.default',true); //- im.go('form.select'); //im.help('form.select',true) //- //im.go('form.validate'); //im.help('form.validate',true); /*----------------utility---------------------*/ //im.go('utility.default'); //im.help('utility.default',true); //- /*----------------multioptions-------------*/ //im.go('string.default|string.random'); //- //im.help('string.default|string.random',true); /*--------------------------endsqFwJsCs----------------------------------*/ //]]> </script> </script> <scripttype="text/javascript"> //<![CDATA[ varstr='1##默认类##1##测试类cat2##1##测试类cat3##@<br/>'; onload=function(){varsle=newselect(); sle.source=str;//源字串 sle.delimiter='##';//列定界符 sle.marker='@';//行分隔符 sle.idBase='level';//标签ID基准字串,如:id1,id2.其中的id就是基准字符. sle.defaultSelect='2,21';//默认选中项,以值为准:如2,21,211.请不要带空格. sle.queryString='id,idsub';//URL栏查询串,根据URL查询ID自动选中列表框项. sle.getItem();//执行本程序 sle=null; } //]]> </script> </head> <body> <selectname='cat1'id='level1'></select> <selectname='cat2'id='level2'></select> <selectname='cat3'id='level3'></select> </body> </html> ---/------------------------------------------------------------------------------ 二级联动 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="/1999/xhtml"> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>shawl.qiutemplate</title> <scripttype='text/javascript'src='/sqFwJsCs/default.js'></script> <scripttype="text/javascript"> im.go('form.select'); im.help('form.select',true); //]]> </script> <scripttype="text/javascript"> //<![CDATA[ varstr='1##cat1##11##11cat##@1##cat1##12##12cat##@1##cat1##13##13cat##@2##cat2##21##21cat##@2##cat2##22##22cat##@2##cat2##23##23cat##@3##cat3##31##31cat##@3##cat3##32##32cat##@3##cat3##33##33cat##@'; onload=function(){varsle=newselect(); sle.source=str;//源字串 sle.delimiter='##';//列定界符 sle.marker='@';//行分隔符 sle.idBase='level';//标签ID基准字串,如:id1,id2.其中的id就是基准字符. sle.defaultSelect='2,21';//默认选中项,以值为准:如2,21,211.请不要带空格. sle.queryString='id,idsub';//URL栏查询串,根据URL查询ID自动选中列表框项. sle.getItem();//执行本程序 sle=null; } //]]> </script> </head> <body> <selectname='super'id='level1'></select> <selectname='sub'id='level2'></select> <br/><ahref="?">back</a><br/> <ahref="?id=1&idsub=12">id=1&idsub=12</a><br/> <ahref="?id=2&idsub=21">id=2&idsub=21</a><br/> <ahref="?id=3&idsub=32">id=3&idsub=32</a><br/> </body> </html> 2. select() 类源码 /* onload=function(){varsle=newselect(); sle.source=str;//源字串 sle.delimiter='##';//列定界符 sle.marker='@';//行分隔符 sle.idBase='level';//标签ID标准字串,如:id1,id2.其中的id就是基准字符. sle.defaultSelect='2,21';//默认选中项,以值为准:如2,21,211.请不要带空格. sle.queryString='id,idsub';//URL栏查询串,根据URL查询ID自动选中列表框项. sle.getItem();//执行本程序 sle=null; } */ /*-----------------------------------------------------------------------------------*/ *shawl.qiujavascript表单列表框联动类v1.2 /*-----------------------------------------------------------------------------------*/ //---------------------------------beginclassselect()-------------------------------// functionselect(){//shawl.qiucode //------------------------------------beginpublicvariable //---------------beginabout this.auSubject='shawl.qiujavascript表单列表框联动类'; this.auVersion='1.2'; this.au='shawl.qiu'; this.auEmail='shawl.qiu@'; this.auBlog='/btbtd'; this.auCreateDate='-12-28'; this.auUpdate='-1-12'; //---------------endabout this.source='';//源字串 this.delimiter='#';//列定界符 this.marker='@';//行分隔符 this.idBase='level';//标签ID基准字串 this.defaultSelect='';//默认选中,格式:值,值,值... this.queryString='';//URL查询ID this.addition=false;//添加值为零的项; this.custom=''; this.item=0; this.count=1; this.word=function(){}; this.word.addition='默认值'; this.word.value=0; //------------------------------------endpublicvariable //------------------------------------beginpublicmethod this.getItem=function(){varsLcaStr=location.search; if(sLcaStr!=''){vararTemp=[]; if(tl.queryString!=''){tl.queryString.replace(/(.+?)(/,|$)/g,function($0,$1){ varre=newRegExp($1+'/=([^/&/=]+)'); sLcaStr.replace(re,function($0,$1){ arTemp[arTemp.length]=$1; }); re=null; }); tl.defaultSelect=arTemp.join(','); }//endif2 }//endif1 tl.item=fCkLevel(tl.source,tl.delimiter,tl.marker); fCreateOption(tl.source); }//endthis.getItem this.onchange=function(oSle){varnId=oSle.id.replace(tl.idBase,''); tl.count=nId; fSelectOpt(tl.count); }//endthis.onchange //------------------------------------endpublicmethod //------------------------------------beginprivatevariable vartl=this; //------------------------------------endprivatevariable //------------------------------------beginprivatemethod functionfSelectOpt(nPsti){ nPsti-=0; varsOpt=''; varsTemp='' for(vari=nPsti;i<nPsti+1;i++){try{ varn_psti=i+1; varoSle=document.getElementById(tl.idBase+n_psti); oSle.length=0; }catch(e){returnfalse;} varoSleTemp=document.getElementById(tl.idBase+nPsti); sOpt+=oSleTemp.options[oSleTemp.options.selectedIndex].value; sOpt+=tl.delimiter; sOpt+=oSleTemp.options[oSleTemp.options.selectedIndex].innerHTML; sOpt+=tl.delimiter; oSleTemp=null; varoRe=newRegExp(sOpt+'(.*?'+tl.delimiter+'.*?' +tl.delimiter+')(.*?'+tl.marker+')','gi'); tl.source.replace(oRe,function($0,$1,$2){ sTemp+=$1; return$2; }); sTemp=fStrClearRepeat(sTemp,tl.delimiter); varoRe=newRegExp('(.*?)'+tl.delimiter+'(.*?)'+tl.delimiter,'gi'); if(tl.custom!=''){vararCst=tl.custom.split(':'); oSle.options[oSle.length]=newOption(arCst[0],arCst[1]); } if(tl.addition){ oSle.options[oSle.length]=newOption(tl.word.addition,tl.word.value); } sTemp.replace(oRe, function($0,$1,$2){ if(fGoSelect(tl.item,tl.defaultSelect,$1)){ oSle.options[oSle.length]=newOption($2,$1,true,true); }elseoSle.options[oSle.length]=newOption($2,$1); }); oSle=null; }//endfor1 try{arguments.callee(nPsti+1)}catch(e){} }//endfunctionfGoSelect functionfGoSelect(nPsti,sSle,sForCmp){ if(sSle=='')returnfalse; sSle=sSle.split(','); if(sSle[nPsti-1]==sForCmp)returntrue; returnfalse; }//endfunctionfGoSelect(nPsti,sSle,sForCmp) functionfGetOptStr(nCount,sDelimiter){ if(nCount<=1)returnfalse; varsTemp=''; for(vari=1;i<nCount;i++){varoSlePrnt=document.getElementById(tl.idBase+i); sTemp+=oSlePrnt.options[oSlePrnt.options.selectedIndex].value; sTemp+=sDelimiter; sTemp+=oSlePrnt.options[oSlePrnt.options.selectedIndex].innerHTML; sTemp+=sDelimiter; oSlePrnt=null; }//endfor returnsTemp; }//endfunctionfGetOptStr(nCount,sDelimiter) functionfCreateOption(sStr){ if(tl.count>tl.item)returnfalse; varoSle=document.getElementById(tl.idBase+tl.count); oSle.onchange=function(){tl.onchange(this); } varsText=''; varsValue=''; varsTemp=''; if(tl.count==1){varoRe=newRegExp('(.*?'+tl.delimiter+'.*?'+tl.delimiter+')(.*?'+tl.marker+')','gi'); sStr=sStr.replace(oRe,function($0,$1,$2){ sTemp+=$1; return$2; }); }else{ varsOpt=fGetOptStr(tl.count,tl.delimiter); varoRe=newRegExp(sOpt+'(.*?'+tl.delimiter+'.*?' +tl.delimiter+')(.*?'+tl.marker+')','gi'); tl.source.replace(oRe,function($0,$1,$2){ sTemp+=$1; return$2; }); }//endelse1 sTemp=fStrClearRepeat(sTemp,tl.delimiter); varoRe=newRegExp('(.*?)'+tl.delimiter+'(.*?)'+tl.delimiter,'gi'); if(tl.custom!=''){vararCst=tl.custom.split(':'); oSle.options[oSle.length]=newOption(arCst[0],arCst[1]); } if(!tl.count-0===1){oSle.options[oSle.length]=newOption('请选择类别',0); } sTemp.replace(oRe, function($0,$1,$2){ if(fGoSelect(tl.count,tl.defaultSelect,$1)){ oSle.options[oSle.length]=newOption($2,$1,true,true); }elseoSle.options[oSle.length]=newOption($2,$1); }); if(tl.addition){ if(tl.count>1){ variTemp=tl.defaultSelect.split(','); if(iTemp[tl.count-1]-0===0){oSle.options[oSle.length]=newOption(tl.word.addition,tl.word.value,true,true); }else{ oSle.options[oSle.length]=newOption(tl.word.addition,tl.word.value); }//endif3 }//endif2 }//endif1 oSle=null; tl.count++; arguments.callee(sStr); }//endfunctionfCreateOption(sStr); functionfCkLevel(sSrc,sDelimiter,sMarker){ varnum=0; varre=newRegExp('(.*?)'+sMarker); varre_=newRegExp(sDelimiter,'g'); sSrc.replace(re,function($0,$1){ $1.replace(re_,function(m){ num++; }); }); returnnum/2; }//endfCkLevel(sSrc,sDelimiter,sMarker); functionfStrClearRepeat(sStr,sDelimiter){ variStr=''; varre=newRegExp('.*?'+sDelimiter+'.*?'+sDelimiter,'gi'); sStr=sStr.replace(re,function(m){ if(iStr.indexOf(m)==-1) iStr+=m; return''; }); returniStr;//shawl.qiucode }//endfunctionfStrClearRepeat(sStr,sDelimiter); //------------------------------------endprivatemethod }//shawl.qiucode //---------------------------------endclassselect()---------------------------------//
