注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

陈钟鸣的博客

独立之精神,自由之思想.

 
 
 

日志

 
 

javascript-page search  

2008-07-03 13:51:20|  分类: java |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
<html>
<head>
    <script language="javascript">
        
        searchCols = new Array("id","cname");
        
        function search(){
            var txt = document.getElementById("txt").value;
            var tbl = document.getElementById("demo");
            var rows = tbl.rows.length;
            
            for( var i = 0;i<rows;i++){
                cols = tbl.rows[i].cells.length;
                var found = false;
                if(txt != ""){
                    for(var j = 0;j<cols;j++){
                        var colName = tbl.rows[i].cells[j].name;
                        if(colName != "" && isCols(searchCols,colName)){
                            var val = tbl.rows[i].cells[j].innerHTML;
                            
                            if(val.indexOf(txt) > -1){
                                 found = true;
                                 break;
                            }
                            else{
                                found = false;
                            }
                        }
                    }
                    if(found){
                        tbl.rows[i].style.display="block";
                    }
                    else{
                        tbl.rows[i].style.display="none";
                    }
                }
                else{
                    tbl.rows[i].style.display="block";
                }
                    
                
                
            }
            //alert(txt);
        }
        
        function isCols(searchCols,colName){
            for(var i = 0;i<searchCols.length;i++){
                    if(colName==searchCols[i]){
                        return true;
                    }
            }
            return false;
        }
    </script>
</head>
<body>
    <input id="txt" type="text" width="200">
    <input type="button" value="search" onclick="search();">
<table id="demo" border="1">
    <tr>
        <td name="id">
            001
        </td>
        <td name="cname">
            江藤
        </td>
        <td name="addr">
          日本
        </td>
    </tr>
    
    <tr>
        <td name="id">
            002
        </td>
        <td name="cname">
            陳
        </td>
            
        <td name="addr">
            大連
        </td>
    </tr>
    
    <tr>
        <td name="id">
            003
        </td>
        <td name="cname">
            馬
        </td>
        <td name="addr">
            だ
        </td>
    </tr>
</table>
</body>
</html>
  评论这张
 
阅读(58)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017