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>

相关文章

  • 轻松玩转BootstrapTable(后端使用SpringMVC+Hibernate)

    轻松玩转BootstrapTable(后端使用SpringMVC+Hibernate)

    这篇文章主要和大家轻松玩转BootstrapTable,后端使用SpringMVC+Hibernate,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09
  • JavaScript控制table某列不显示的方法

    JavaScript控制table某列不显示的方法

    这篇文章主要介绍了JavaScript控制table某列不显示的方法,涉及javascript操作表单的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-03-03
  • 微信小程序实现走马灯效果实例

    微信小程序实现走马灯效果实例

    这篇文章主要给大家介绍了关于微信小程序实现走马灯效果的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • 微信小程序实现自定义导航栏

    微信小程序实现自定义导航栏

    这篇文章主要为大家详细介绍了微信小程序实现自定义导航栏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • js前端对于大量数据的展示方式及处理方法

    js前端对于大量数据的展示方式及处理方法

    这篇文章主要介绍了js前端对于大量数据的展示方式及处理方法,帮助大家更好的理解和使用js,感兴趣的朋友可以了解下
    2020-12-12
  • ECMAScript 创建自己的js类库

    ECMAScript 创建自己的js类库

    ECMAScript中最有意思,最强大的地方在于函数。最进在完善自己的js类库的时候发现我们经常在用函数,但真的很少有人懂得ECMAScript函数功能
    2012-11-11
  • javascript object array方法使用详解

    javascript object array方法使用详解

    在javascript开发中经常会使用到array中方法,本文将对其一一详细介绍,需要了解的朋友可以参考下
    2012-12-12
  • javascript通过获取html标签属性class实现多选项卡的方法

    javascript通过获取html标签属性class实现多选项卡的方法

    这篇文章主要介绍了javascript通过获取html标签属性class实现多选项卡的方法,涉及javascript针对页面元素属性与事件的相关操作技巧,需要的朋友可以参考下
    2015-07-07
  • JS数据类型STRING使用实例解析

    JS数据类型STRING使用实例解析

    这篇文章主要介绍了JS数据类型STRING使用实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-12-12
  • JScript分割字符串示例代码

    JScript分割字符串示例代码

    分割字符串的方法有很多,下面为大家介绍下使用JScript简单实现下,喜欢的朋友可以参考下
    2013-09-09

最新评论