点按钮后文本框变为Select下拉列表框_建站学-个人建站指南,网页制作,网站设计,网站制作教程

很多网站会见到不少类似效果，文本框中最开始默认的是文字，如果点击更改这类的按钮文本框就变成了一个可以选择的Select下拉列表框，挺有创意，以下是代码，复制即可用啦

<html> <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 全部选择 ]

(责任编辑：admin)

搜索

热门标签:

点按钮后文本框变为Select下拉列表框