html下拉框,显示隐藏其他控件

最新推荐文章于 2024-09-10 13:54:44 发布

afterrains

最新推荐文章于 2024-09-10 13:54:44 发布

阅读量7.2k

点赞数 2

分类专栏： html+css+div

本文链接：https://blog.csdn.net/happy_jijiawei/article/details/52677958

版权

html+css+div 专栏收录该内容

78 篇文章 2 订阅

订阅专栏

<script>
function chg(){
if(document.getElementById("sel").value=="txt"){
document.getElementById("txt").style.display="";
document.getElementById("btn").style.display="none";
}else{
document.getElementById("txt").style.display="none";
document.getElementById("btn").style.display="";
}
}
</script>

<select id="sel" onChange="chg()">
<option value="txt">txt</option>
<option value="btn">btn</option>
</select>
<input type="text" name="txt" id="txt" style="display:none">
<input type="button" name="btn" value="btn" id="btn" style="display:none">