点击按钮后 文本框变为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需刷新才能执行]