使用javascript 查詢特定的table中的內(nèi)容
(HTML示例頁面： 下載示例)
頁面中有一個table包含兩列，數(shù)據(jù)由后臺生成，行數(shù)不定：（如圖）

原始數(shù)據(jù)：

現(xiàn)在通過javascript進(jìn)行查詢，效果如下三圖：

開始查詢


查詢中......


查詢得到的自后結(jié)果



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示例頁面： 下載示例
附件：SearchTableText.rar