js加载读取内容及显示与隐藏div示例

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

js加载读取内容及显示与隐藏div示例

  2020-05-13 我要评论
复制代码 代码如下:

<head>
<script>
function check(){

var num = document.getElementById("choose").value;
alert(num);
if(num=="4"){
document.getElementById("show").style.display="block";
}else{
document.getElementById("show").style.display="none";
}
}
</script>
</head>
<body onload="check()">


<select id="choose" onchange="check()">
<option value="1">第一</option>
<option value="2">第二</option>
<option value="3">第三</option>
<option value="4">第四</option>
</select>


<div id="show" style="display:none;">
<table>
<tr>
<td>有志者,事竟成</td>
<td>苦心人,天不负</td>
</tr>
</table>
</div>
</body>

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们