展会信息港展会大全

js加载读取内容及显示与隐藏div示例
来源:互联网   发布日期:2016-03-24 20:04:22   浏览:2052次  

导读:这篇文章主要介绍了js加载读取内容及显示与隐藏div的方法,需要的朋友可以参考下代码如下:<head><script>function check(){var num = ...

这篇文章主要介绍了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>

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
推荐内容
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港