用正则表达式实现页面搜索
来源：互联网 发布：武汉编程招聘 编辑：程序博客网 时间：2024/05/22 16:02
<html><head><title>选择</title><meta http-equiv="Content-Type" content="text/html; charset=GBK"><script language="JavaScript" src="prototype.js"></script></head><script type="text/javascript"> //初始化，生成列表 function init(){ var codes = "123124;13432;23423523;2352452;"; var values = "红双喜;红梅(黑);大前门（硬）;山城（经典）;"; var rebackCode = codes.split(";"); var rebackValue = values.split(";"); var table = document.getElementById("tab"); for(var i=0;i<rebackCode.length-1;i++){ var newTr = table.insertRow(); var newTd1 = newTr.insertCell(); var newTd2 = newTr.insertCell(); newTr.height = 25; newTr.style.display = "block"; newTd1.align = "center"; newTd1.innerHTML = rebackCode[i]; newTd2.align = "center"; newTd2.id = rebackValue[i]; newTd2.innerHTML = "<a href=/"javascript:returnValue1('"+rebackCode[i]+"','"+rebackValue[i]+"')/"><u>"+rebackValue[i]+"</u></a>"; } } //查询 function search(){ var code = $F("codeText"); var value = $F("valueText"); value = value.replace("(","//("); value = value.replace(")","//)"); //根据查询条件生成正则表达式 var codeReg = new RegExp("/w*"+code+"/w*"); var valueReg = new RegExp("/w*"+value+"/w*"); var tab = $("tab"); var trs = tab.getElementsByTagName("tr"); for(var i=2;i<trs.length;i++){ var tds = trs[i].getElementsByTagName("td"); if(codeReg.test(tds[0].innerHTML)&&valueReg.test(tds[1].id)){ trs[i].style.display="block"; }else{ trs[i].style.display="none"; } } } //根据链接返回值 function returnValue1(code,value){ var doc = window.opener.document; var codeInput = '<%=codeInput%>'; var valueInput = '<%=valueInput%>'; inputs = doc.getElementsByName(codeInput); //设置代码 for(var i=0;i<inputs.length;i++){ inputs[i].value=code; } inputs = doc.getElementsByName(valueInput); //设置名称 for(var i=0;i<inputs.length;i++){ inputs[i].value=value; } //关闭窗口 window.close(); }</script><body onload="init()" leftmargin="5" topmargin="20" ><form name="agreementform" method="post" action = ""><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td id="tdOrange"> <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td id="tdOrange"> <table width="100%" height="26" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td id="tdImg01"> </td> <td id="tdImg04" width="23" height="26"> </td> <td id="tdImg02" class="table-title">选择回购规格</td> <td id="tdImg02" align="right"> </td> <td id="tdImg03"> </td> </tr> </table> <table id="tab" width="100%" height="100%" class="text-01" border="0" align="center" cellpadding="0" cellspacing="1" id="tableGray"> <tr height="40" id="trLightGray"> <td align="center" colspan=3> 编码： <input type="text" name="codeText" id="condition"> 名称： <input type="text" name="valueText" id="condition"> <INPUT TYPE="button" VALUE="查询" ONCLICK="search()"> </td> </tr> <tr height="25"> <td width="35%" align="center">规格编码</td> <td width="50%" align="center">规格名称</td> </tr> </table> </td> </tr> <tr> <td id="tdOrange"> </td> </tr> </table> </td> </tr> </table></form></body></html>
