搜索实现模糊搜索咋执行不了呢？
0
[已解决问题]
解决于 2014-05-11 13:44
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>多功能搜索
</title>
<style>
tabale{
bcakground-color:#EEE;
height:500px;
width:800px;
border:#00C 1px solid;
}
</style>
<script>
window.onload=function(){
<!--表格搜索-->
var tTa=document.getElementById("table1");
var tTx=document.getElementById("name");
var bT1=document.getElementById("tj");
bT1.onclick=function(){
for(var i=0;i<tTa.tBodies[0].rows.length;i++){
var sTb=tTa.tBodies[0].rows[i].cells[1].innerHTML.toLowerCase()
var sTx=tTx.value.toLowerCase()
var sSpl=sTx.split(' ');
tTa.tBodies[0].rows[i].style.background=""
for(var j=0;j<sSpl.length;j++){
if(sTb.search(sTx[j])!=-1){
tTa.tBodies[0].rows[i].style.background="green";
}
}
}
}
}
</script>
</head>
<body>
姓名<input id="name" type="text" value="" />
<input id="tj" type="button" value="搜所" />
<table id="table1" width="500px" border="1px">
<thead>
<tr>
<td>ID</td>
<td>name</td>
<td>add</td>
<td>操作</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>aaa</td>
<td>北京</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>小er</td>
<td>北京1</td>
<td></td>
</tr>
<tr>
<td>3</td>
<td>小做</td>
<td>北京</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>小我</td>
<td>北京</td>
<td></td>
</tr>
<tr>
<td>4</td>
<td>小吧</td>
<td>北京</td>
<td></td>
</tr>
<tr>
<td>5</td>
<td>小你</td>
<td>北京</td>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>
最佳答案
1
在for 中alert出 结果就知道是取到的值是怎样的，另外如果是模糊搜索的话应该用包含的方法 indexof
奖励园豆：5
