js加载读取内容及显示与隐藏div示例
作者:
这篇文章主要介绍了js加载读取内容及显示与隐藏div的方法,需要的朋友可以参考下
复制代码 代码如下:
<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>