用正则表达式实现页面搜索

最新推荐文章于 2024-06-21 09:36:39 发布

weoln

最新推荐文章于 2024-06-21 09:36:39 发布

阅读量1.4k

点赞数

分类专栏： JavaScript 文章标签：正则表达式 border table function input search

本文链接：https://blog.csdn.net/weoln/article/details/2536991

版权

JavaScript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏



<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 οnlοad="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>