js加载读取内容及显示与隐藏div示例
(编辑：jimmy 日期: 2025/5/11 浏览：3 次 )
复制代码 代码如下:
<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>
<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>
下一篇：input禁止键盘及中文输入,但可以点击