页面中有一个table包含两列,数据由后台生成,行数不定:(如图)
原始数据:
现在通过javascript进行查询,效果如下三图:
开始查询
查询中......
查询得到的自后结果
JAVASCRIPT代码:
JS代码
<script language="javascript" tpe="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>
<script language="javascript" tpe="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>
个人收藏。来源http://www.cnblogs.com/shiye/archive/2007/08/24/868216.html