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


Posted in Javascript onFebruary 13, 2014
<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 相关文章推荐
JQuery 操作select标签实现代码
May 14 Javascript
jquery的冒泡事件的阻止与允许(三种实现方法)
Feb 01 Javascript
ECMAScript6中Set/WeakSet详解
Jun 12 Javascript
jquery彩色投票进度条简单实例演示
Jul 23 Javascript
javascript ES6 新增了let命令使用介绍
Jul 07 Javascript
JS实现元素上下左右移动效果
Oct 18 Javascript
详解webpack性能优化——DLL
Oct 20 Javascript
简易Vue评论框架的实现(父组件的实现)
Jan 08 Javascript
Hexo已经看腻了,来手把手教你使用VuePress搭建个人博客
Apr 26 Javascript
Vue实现滑动拼图验证码功能
Sep 15 Javascript
javascript设计模式 ? 备忘录模式原理与用法实例分析
Apr 21 Javascript
快速解决vue2+vue-cli3项目ie兼容的问题
Nov 17 Vue.js
input禁止键盘及中文输入,但可以点击
Feb 13 #Javascript
JS实现将人民币金额转换为大写的示例代码
Feb 13 #Javascript
jquery清空表单数据示例分享
Feb 13 #Javascript
jquery提交form表单时禁止重复提交的方法
Feb 13 #Javascript
Jquery获得控件值的三种方法总结
Feb 13 #Javascript
巧用jquery解决下拉菜单被Div遮挡的相关问题
Feb 13 #Javascript
ListBox实现上移,下移,左移,右移的简单实例
Feb 13 #Javascript
You might like
PHP 柱状图实现代码
2009/12/04 PHP
PHP验证码类代码( 最新修改,完全定制化! )
2010/12/02 PHP
fleaphp常用方法分页之Pager使用方法
2011/04/23 PHP
php中call_user_func函数使用注意事项
2014/11/21 PHP
PHP商品秒杀问题解决方案实例详解【mysql与redis】
2019/07/22 PHP
CSS常用网站布局实例
2008/04/03 Javascript
jquery BS,dialog控件自适应大小
2009/07/06 Javascript
jQuery制作仿Mac Lion OS滚动条效果
2015/02/10 Javascript
javascript实现查找数组中最大值方法汇总
2016/02/13 Javascript
js实现div在页面拖动效果
2016/05/04 Javascript
Jquery修改image的src属性,图片不加载问题的解决方法
2016/05/17 Javascript
基于bootstrap实现广告轮播带图片和文字效果
2016/07/22 Javascript
Vue.js弹出模态框组件开发的示例代码
2017/07/26 Javascript
前端把html表格生成为excel表格的实例
2017/09/19 Javascript
Vue.JS项目中5个经典Vuex插件
2017/11/28 Javascript
Vue2.0仿饿了么webapp单页面应用详细步骤
2018/07/08 Javascript
在vue项目中集成graphql(vue-ApolloClient)
2018/09/08 Javascript
JavaScript迭代器的含义及用法
2019/06/21 Javascript
原生js实现碰撞检测
2020/03/12 Javascript
ES6字符串的扩展实例
2020/12/21 Javascript
python实现倒计时的示例
2014/02/14 Python
在Python中使用正则表达式的方法
2015/08/13 Python
python结合shell查询google关键词排名的实现代码
2016/02/27 Python
使用python 和 lint 删除项目无用资源的方法
2017/12/20 Python
python入门前的第一课 python怎样入门
2018/03/06 Python
Python 使用 attrs 和 cattrs 实现面向对象编程的实践
2019/06/12 Python
python中的函数递归和迭代原理解析
2019/11/14 Python
Pytorch保存模型用于测试和用于继续训练的区别详解
2020/01/10 Python
美国珠宝网上商店:Jeulia
2016/09/01 全球购物
小学生迎国庆演讲稿
2014/09/05 职场文书
基层领导干部“四风”问题批评与自我批评
2014/09/23 职场文书
派出所正风肃纪剖析材料
2014/10/10 职场文书
详解RedisTemplate下Redis分布式锁引发的系列问题
2021/04/27 Redis
Python入门之基础语法详解
2021/05/11 Python
JS数组方法some、every和find的使用详情
2021/10/05 Javascript
一文了解MySQL二级索引的查询过程
2022/02/24 MySQL