午夜视频在线观看区二区-午夜视频在线观看视频-午夜视频在线观看视频在线观看-午夜视频在线观看完整高清在线-午夜视频在线观看网站-午夜视频在线观看亚洲天堂

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