JS自动完成（仿google）

一个仿Google的自动完成代码，JS脚本实现:

<html>

<body>

<style>

ul,li{margin: 0; padding: 0;width:100%;}

</style>

function checkword()

{

var wordvalue=document.getElementById("word").value.toLowerCase();

var alltxtpp=alltxt.toLowerCase();

var alltxt_xiang=alltxt.split("|");

var alltxt_xiang1=alltxtpp.split("|");

var inhtml="<ul>"

var isyou=0;

for (i=0;i<alltxt_xiang1.length;i++)

{

if (alltxt_xiang1[i].substr(0,wordvalue.length)==wordvalue)

{

inhtml=inhtml+"<li onclick=\"document.getElementById('word').value=this.innerHTML;document.getElementById('showmenu').style.display='none';\" onmouseover=\"this.style.backgroundColor='#666666'\" onmouseout=\"this.style.backgroundColor=''\">"+alltxt_xiang[i]+"</li>";

isyou=1;

}

inhtml=inhtml+"</ul>";

if (isyou==1)

{

document.getElementById("showmenu").innerHTML=inhtml;

document.getElementById("showmenu").style.display="";

}

else

{

document.getElementById("showmenu").innerHTML="";

document.getElementById("showmenu").style.display="none";

}

if (wordvalue=="")

{

document.getElementById("showmenu").innerHTML="";

document.getElementById("showmenu").style.display="none";

}

</script>

posted on 2007-05-24 15:39 石川阅读(705) 评论(0) 收藏举报