A JavaScript Fancier

伟大的javascript技术研究中...

IT博客 :: 首页 :: 新随笔 :: 联系 :: 聚合

:: 管理 ::

304 随笔 :: 0 文章 :: 479 评论 :: 0 Trackbacks

输入框自动匹配字符【javascript \论坛】

无意间浏览javascript论坛时发现了这段代码,发现有点意思,代码不难.判断输入的字符长度与设定的所有字符那些匹配即可.
代码如下:

<style>
ul,li{margin: 0; padding: 0;width:100%;}
</style>
<script language="javascript" type="text/javascript">
function checkword()
{
   var wordvalue=document.getElementById("word").value.toLowerCase();
   var alltxt="admin管理员|apple苹果|all全|big大|bad坏|cut剪切|car车|daph8|eeg|egg|eat|fuck|fuck you|fix|good|hand|hidden|ill|jack|jad|kevin|long|man|number|oio|part|pp|quit|QQ|rest|reg|set|submit|time|tag|uuzo.cn|uuzo|view|windows|want|xy|xun|young|yuyu|zoo|Zzz|锋.David|David|哈哈|[url]www.uuzo.cn[/url]|[url]www.uuzo.com[/url]";
   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>
<input type="text" name="word" size="20" id="word" onkeyup="checkword()" style="border:1px solid #666666;width:200px;height:25px;">
<div style="position: absolute; width: 200px; height: 100px; z-index: 1; left: 10px; top: 40px;border:1px solid #666666;display:none;" id="showmenu"></div>

posted on 2006-07-05 20:08 Yemoo'S JS Blog 阅读(2350) 评论(3) 编辑收藏引用所属分类: javascript代码收藏

评论

# re: 输入框自动匹配字符【javascript \论坛】 2006-10-27 00:41 bigsnow

我就是想找这样的一段代码谢谢了!!! 回复更多评论

# re: 输入框自动匹配字符【javascript \论坛】 2007-06-12 16:27 豆豆

非常感谢:) 回复更多评论

# re: 输入框自动匹配字符【javascript \论坛】 2012-09-26 11:22 freesky

不错，感谢博主分享回复更多评论

刷新评论列表

只有注册用户登录后才能发表评论。