点击按钮后 文本框变为Select下拉列表框
45 浏览量
2020-09-05
22:38:25
上传
评论
收藏 29KB PDF 举报
点击按钮后点击按钮后 文本框变为文本框变为Select下拉列表框下拉列表框
在招聘类的网站会见到不少类似效果，文本框中最开始默认的是文字 ，如果点击更改这类的按钮文本框就变成
了一个可以选择的Select下拉列表框，挺有创意，以下是代码，复制即可用啦。
<title>点击按钮后，文本
框变为Select下拉列表框
</title>
<script
type="text/javascript">
function showSelect(){
var _t =
document.getElementByI
d('t');
var _s =
document.getElementByI
d('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>
<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</op
tion>
<option
value="2">PHP</option>
<option
value="3">JAVA</option
>
</select>
<input type="submit"
name="Submit"
onclick="showSelect();"
value="你擅长的">
运行代码
复制代码
保存代码
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
资源评论
