|
|
发表于 2018-7-5 13:15
来自手机
|
显示全部楼层
<!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>
<title>搜索 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
body { margin: 3px; font-family: Verdana, sans-serif; font-size: 13px; }
.title { font-size: 18px; font-weight: bolder;margin:40px 0; }
.input { width: 50%; font-family: Verdana, sans-serif; font-size: 13px; text-indent: 2px; }
</style>
</head>
<body>
<div>
<input type="search" value="" id="searchwords" name="text" placeholder="搜索关键词" onkeyup="showList()" autocomplete="off" />
</div>
<div id="detail">
</div>
<textarea id="tiplist" name="tiplist" onblur="fill()" style="width: 1086px; height: 560px;display:none">序号 名称 颜色 型号 价格
TG-001 风扇 红 wi-13 165
TG-002 电风扇 白 fs-005 187
TG-003 空调扇 蓝 kts-0175 365
TG-004 换气扇 灰 hqs845 85</textarea>
</body>
<script type="text/javascript">
var arr=[];
var arr2=[];
//数据
arr=['JavaScript特效','JS效果','Js代码','Java特效','Javascript代码','JS脚本','Js是什么意思','Java','Java游戏'];
//alert(arr[0]);
arr=document.getElementById("tiplist").value.split("\n");
//alert(arr)
function showList(){
var v=document.getElementById("searchwords").value;//获得搜索栏值
arr2.push(arr[0]);
for (var i=1;i<arr.length;i++){
if(arr[i].toLowerCase().indexOf(v.toLowerCase())>=0)
{
//alert(arr[i])
arr2.push(arr[i]);
//alert(arr2);
}
}//for
//alert(1)
//alert(arr2);
var html="<table>";
for(j=0;j<arr2.length;j++){ //行
html=html+"<tr>";
var arr_col=arr2[j].split('\t');//列
//alert(arr_col.length);
//for( j2=0;j2<3;j2++)
for(var j2=0;j2<arr_col.length;j2++)
{
// alert(j2);
html+='<td>'+arr_col[j2]+'</td>';
}
//for col
html+="</tr>";
}// for j
html+="</table>"
// alert(html)
document.getElementById("detail").innerHTML=html;
arr2=[];
//alert(arr2);
}//show
</script>
</html>
|
|
沪公网安备 31011702000001号 沪ICP备11019229号-2
楼主
