信鸽网

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

  作者：bea

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


<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需刷新才能执行]



有用  |  无用

猜你喜欢

您可能感兴趣的文章: