javascript 输入框提示列表效果

(编辑：jimmy 日期: 2026/3/9 浏览：3 次 )

代码可以更简洁些，有更简便的方法欢迎贡献出来啊。

<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>输入框提示列表效果_</title> <style type="text/css">  </style>  </head> <body>    Location：<input type="text" id="txt" name="txt" onClick="showAndHide('List1','show');" onblur="showAndHide('List1','hide');">                        <ul>           <li>中国CHINA</li>           <li>美国USA</li>         </ul>             Sex：<input type="text" id="txt2" name="txt2" onClick="showAndHide('List2','show');" onblur="showAndHide('List2','hide');">                         <ul>           <li>男Male</li>           <li>女Female</li>         </ul>             education：<input type="text" id="txt3" name="txt3" onClick="showAndHide('List3','show');" onblur="showAndHide('List3','hide');">                         <ul>           <li>大专</li>           <li>本科</li>           <li>硕士</li>           <li>本科</li>         </ul>             </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：Div Select挡住的解决办法
下一篇：js模拟弹出效果代码修正版