A JavaScript Fancier

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

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

:: 管理 ::

304 随笔 :: 0 文章 :: 233 评论 :: 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 阅读(969) 评论(2) 编辑收藏引用所属分类: javascript代码收藏

评论

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

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

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

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

刷新评论列表

标题

姓名

主页


验证码	*

内容(提交失败后,可以通过“恢复上次提交”恢复刚刚提交的内容)

Remember Me?

登录使用高级评论新用户注册返回页首恢复上次提交

[使用Ctrl+Enter键可以直接提交]

相关链接:

相关文章:

博客园 BlogJava 博客生活 IT博客网 C++博客 PHP博客博客园社区
管理博客教师博客天文博客汽车博客足球博客股票博客电子技术博客