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

 更新时间:2014年02月13日 11:53:20   作者:  
这篇文章主要介绍了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>

相关文章

  • Javascript的异步函数和Promise对象你了解吗

    Javascript的异步函数和Promise对象你了解吗

    这篇文章主要为大家详细介绍了Javascript异步函数和Promise对象,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-03-03
  • 微信小程序之仿微信漂流瓶实例

    微信小程序之仿微信漂流瓶实例

    这篇文章主要介绍了微信小程序之仿微信漂流瓶实例,非常具有实用价值,需要的朋友可以参考下。
    2016-12-12
  • javascript 手动给表增加数据的小例子

    javascript 手动给表增加数据的小例子

    这篇文章介绍了js手动给表增加数据的实例代码,有需要的朋友可以参考一下
    2013-07-07
  • JavaScript 继承详解及示例代码

    JavaScript 继承详解及示例代码

    本文主要介绍JavaScript 继承的知识,这里整理了详细的资料及简单示例代码,帮助大家学习参考,有兴趣的小伙伴可以参考下
    2016-09-09
  • 微信小程序实现选项卡的方法

    微信小程序实现选项卡的方法

    这篇文章主要为大家详细介绍了微信小程序实现选项卡的方法,利用swiper组件实现选项卡功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 分页栏的web标准实现

    分页栏的web标准实现

    分页栏是网页上最常见不过的一个组件,本博文给出分页栏的一个web2.0标准示例,并作简要分析
    2011-11-11
  • JS实现关闭当前页而不弹出提示框的方法

    JS实现关闭当前页而不弹出提示框的方法

    这篇文章主要介绍了JS实现关闭当前页而不弹出提示框的方法,结合实例形式分析了JS操作页面的打开、关闭及父页面的关闭技巧,需要的朋友可以参考下
    2016-06-06
  • JS高级运动实例分析

    JS高级运动实例分析

    这篇文章主要介绍了JS高级运动,结合实例形式分析了javascript运动框架原理、实现与应用技巧,需要的朋友可以参考下
    2016-12-12
  • 微信小程序 函数防抖 解决重复点击消耗性能问题实现代码

    微信小程序 函数防抖 解决重复点击消耗性能问题实现代码

    这篇文章主要介绍了微信小程序使用函数防抖解决重复点击消耗性能问题实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • 微信小程序 Animation实现图片旋转动画示例

    微信小程序 Animation实现图片旋转动画示例

    这篇文章主要介绍了微信小程序 Animation实现图片旋转动画示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08

最新评论