首页 > 网络编程 > JavaScript > 网页特效 > 典型特效 > 文本框 Select 点击按钮后 文本框变为Select下拉列表框 2009-09-29 23:38:34 作者： 在招聘类的网站会见到不少类似效果，文本框中最开始默认的是文字 ，如果点击更改这类的按钮文本框就变成了一个可以选择的Select下拉列表框，挺有创意，以下是代码，复制即可用啦。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>点击按钮后，文本框变为Select下拉列表框</title> <script type="text/javascript"> function showSelect(){ var _t = document.getElementById('t'); var _s = document.getElementById('sel'); if( _t.style.display == ''){ _t.style.display = 'none'; } else{ _t.style.display = ''; } if ( _s.style.display == 'none' ){ _s.style.display = ''; } else{ _s.style.display = 'none'; } } </script> </head> <body> <input type="text" name="t" id="t" value="ASP"> <select name="sel" id="sel" style="display:none;"> <option value="0">ASP</option> <option value="1">ASP.NET</option> <option value="2">PHP</option> <option value="3">JAVA</option> </select> <input type="submit" name="Submit" onclick="showSelect();" value="你擅长的" /> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:js Select下拉列表框进行多选、移除、交换内容的具体实现方法利用jquery操作select下拉列表框的代码php 获取select下拉列表框的值javascript 操作select下拉列表框的一点小经验javascript对下拉列表框(select)的操作实例讲解
