提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

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

JS 示例 显示 内容 读取 加载 隐藏 div
2023-06-13 09:15:17 时间
复制代码代码如下:

<head>
<script>
functioncheck(){

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


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


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

相关文章