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

131个Photoshop经典Web 2.0样式下载

水珠动感线面矢量图下载

大 | 中 | 小

14:33,10,Jan,2012 | (538/1/0) | 源码天空

<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>