使用javascript 查询特定的table中的内容

使用javascript 查询特定的table中的内容 
(HTML示例页面： 下载示例)
页面中有一个table包含两列，数据由后台生成，行数不定：（如图）

原始数据：

现在通过javascript进行查询，效果如下三图：

开始查询


查询中......


查询得到的自后结果



JAVASCRIPT代码：

JS代码
<script language="javascript" type="text/javascript">

function searchMaterial()
{ 
    var strcellCode;
    var strcellName;
    var strtextCode=document.all.txtCode.value;
    strtextCode=strtextCode.toLowerCase();
    var strtextName=document.all.txtName.value;
    strtextName=strtextName.toLowerCase();
    

    for (i=1; i < document.all.oTable.rows.length; i++) 
    {
            strcellCode=document.all.oTable.rows(i).cells(0).innerText ;
            strcellName=document.all.oTable.rows(i).cells(1).innerText ;
            strcellCode=strcellCode.toLowerCase();
            strcellName=strcellName.toLowerCase();

            if( (strtextCode=="" || strcellCode.indexOf(strtextCode)>0)
                &&(strtextName=="" || strcellName.indexOf(strtextName)>0))
            
            {document.all.oTable.rows(i).style.display="";}
            else
            {document.all.oTable.rows(i).style.display="none";}
    }
    
}

</script>

个人收藏。

HTML示例页面： 下载示例

转载于:https://www.cnblogs.com/shiye/archive/2007/08/24/868216.html