<html > 
<head > 
<title > </title > 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" / > </script > 
</head > <body >  
<script type="text/javascript" > var filtercolumns="";  
                                           
                                               
function setFilter(Tbl) {          
                                   
for(var i=0;i <Tbl.rows[0].cells.length;i++) { 
if(Tbl.rows[0].cells[i].getAttribute("filter")!=null &&Tbl.rows[0].cells[i].getAttribute("filter")=="false") { var temp = filtercolumns+i+  ' | ';  
filtercolumns = temp;  


} function Search(Tbl,TextValue) {  
var count=0;  
var keyWord=TextValue.value;  
if(keyWord!="") {  
for(var i=2;i  <Tbl.rows.length-1;i++) {  
if(filtercolumns=="") {  
var tr=Tbl.rows[i];  
if(tr.innerHTML.indexOf(keyWord)==-1)  
tr.style.display="none";  
else {  
tr.style.display="block";  
count++;  
}  
}  
else {  
var tfilter = filtercolumns.substr(0,filtercolumns.length-1);  
var columns = tfilter.split(  ' | ');  
var html = "";  
for(var k=0;k  <Tbl.rows[i].cells.length;k++) {  
var flag = true;  
for(var j=0;j  <columns.length;j++) {  
var col= columns[j];  
if(col==k) flag=false;  
}  
if(flag==true) {  
html += Tbl.rows[i].cells[k].innerHTML;  
}  
}  
if(html.indexOf(keyWord)==-1)  
Tbl.rows[i].style.display="none";  
else {  
Tbl.rows[i].style.display="block";  
count++;  
}  
}  
}  
}  
if(count==0) {  
ListAll(Tbl);  
alert(  '找不到你要的记录! ');  
}  
}  function ListAll(Tbl) {  
for(var i=0;i  <Tbl.rows.length;i++) {  
Tbl.rows[i].style.display="block";  
}  

</script > 
<center > 
<input name="condtext" id="condtext" type="text" style="width: 200" > 
<input type="button" value="查找" onclick="setFilter(FilTable);Search(FilTable,condtext);" > 
<input type="button" value="返回" onclick="ListAll(FilTable)" > <br > 
<table summary="" cellpadding="0" cellspacing="0" width="500" border="1" id="FilTable" > <tr > 
<thead > 
<th colspan="5" align="center" >商场货物统计表 </th > 
</tr > 
<tr > 
<th >食品 </th > 
<th >日用 </th > 
<th >药品 </th > 
<th >化妆 </th > 
</tr > 
</thead > 
<tbody > 
<tr > 
<td width="25%" >香肠 </td > 
<td width="25%" >刷子 </td > 
<td width="25%" >先锋4 </td > 
<td width="25%" >强生婴儿润肤 </td > 
</tr > 
<tr > 
<td >薯片 </td > 
<td >抹布 </td > 
<td >螺旋酶素 </td > 
<td >4 </td > 
</tr > 
<tr > 
<td >黑白配 </td > 
<td >拖布 </td > 
<td >3 </td > 
<td >舒服佳沐浴露 </td > 
</tr > 
<tr > 
<td >雀巢咖啡 </td > 
<td >2 </td > 
<td >康泰克胶囊 </td > 
<td >倩碧小黄油 </td > 
</tr > </tbody > 
<tr  > <td colspan="4"  >物品种类:100 </td > </tr > </table > </center > 
</body > 
</html >