搜索框内容自动匹配效果

作者:sky 点击:10 评论:0 发布时间:周六, 06/14/2014 - 11:36 所属分类:表单按钮

在文本框中输入字符后，在下面的下拉菜单中自动匹配效果，就像百度等搜索引擎网站搜索框效果一样。

<a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>  <script type="text/javascript" src="http://www.zzjs.net/ad/tc.js"></script> <SCRIPT LANGUAGE="JavaScript">  </script> <body OnLoad="javascript:setUp()"> <center> <form name="menuform" onSubmit="javascript:window.location = document.menuform.itemlist.options[document.menuform.itemlist.selectedIndex].value;return false;"> <font face="arial, helvetica" size="-1">输入www.zzjs.net或者站长看效果</font> <br> <br> <input type="text" name="entry" size="30" onKeyUp="javascript:obj1.bldUpdate();"> <br> <select name="itemlist" size="5"> <option value="www.zzjs.net/">zzjs</option> <option value="www.zzjs.net/">www</option> <option value="www.zzjs.net/">sky</option> <option value="www.zzjs.net/">站长</option> <option value="www.zzjs.net/">站长特效网</option> <option value="www.zzjs.net/">zzjs.net</option> <option value="www.zzjs.net/">soso.com</option> <option value="www.zzjs.net/">alixixi.com</option> <option value="www.zzjs.net/">ALL CONSTRAINTS</option> <option value="www.zzjs.net/">ALL CONS COLUMNS</option> <option value="www.zzjs.net/">ALL DB LINKS</option> <option value="www.zzjs.net/">zzjsnet</option> <option value="www.zzjs.net/">ALL DEPENDENCIES</option> <option value="www.zzjs.net/">ALL ERRORS</option> <option value="www.zzjs.net/">ALL HISTOGRAMS</option> <option value="www.zzjs.net/">ALL INDEXES</option> <option value="www.zzjs.net/">ALL IND COLUMNS</option> <option value="www.zzjs.net/">ALL JOBS</option> <option value="www.zzjs.net/">ALL OBJECTS</option> <option value="www.zzjs.net/">ALL REFRESH</option> <option value="www.zzjs.net/">ALL REFRESH NOW</option> <option value="www.zzjs.net/">ALL USERS</option> <option value="www.zzjs.net/">ALL VIEWS</option> <option value="www.zzjs.net/">AUDIT ACTIONS</option> <option value="www.zzjs.net/">BOOKS</option> <option value="www.zzjs.net/">CLIENTS</option> <option value="www.zzjs.net/">CLOSED</option> <option value="www.zzjs.net/">COLUMN PRIVILEGES</option> <option value="www.zzjs.net/">DBA ANALYZE COST</option> <option value="www.zzjs.net/">DBA FROM CLIENTS</option> <option value="www.zzjs.net/">DBA FROM NEIGHBORS</option> <option value="www.zzjs.net/">DBA PROFILES</option> <option value="www.zzjs.net/">DBA REFRESH ALL</option> <option value="www.zzjs.net/">DBA REFRESH PAGE</option> <option value="www.zzjs.net/">DBA REPORT</option> <option value="www.zzjs.net/">DBA RGROUP</option> <option value="www.zzjs.net/">DBA ROLE</option> <option value="www.zzjs.net/">DBA ROLE SUMMARY</option> <option value="www.zzjs.net/">DBA ROLLBACK SEGS</option> <option value="www.zzjs.net">www.zzjs.net</option> </select> </form> </center> </body>

提示：你可以先修改部分代码再运行。

顶一下

(0)

100%

踩一下

(0)

100%

标签: