select 控制网页内容隐藏于显示的实现代码


Posted in Javascript onMay 25, 2010

<script>
function setChange()
{
if (document.f.selfs.value == "1")
{
document.all.tb1.style.display = "block";
}
else
{
document.all.tb1.style.display = "none";
}
if (document.f.selfs.value == "2")
{
document.all.tb2.style.display = "block";
}
else
{
document.all.tb2.style.display = "none";
}
}
</script>
<form name=f>
<select name="selfs" size="1 onchange="setChange()">
<option selected>选择方式</option>
<option value="1">方式1</option>
<option value="2">方式2</option>
</select>
<table id='tb1' style='DISPLAY:none'>
方式1 方式1 方式1
</table>
<table id='tb2' style='DISPLAY:none'>
方式2 方式2 方式2
</table>
</form>
判断方式也可以改为不等式

Javascript 相关文章推荐
让JavaScript拥有类似Lambda表达式编程能力的方法
Sep 12 Javascript
caller和callee的区别介绍及演示结果
Mar 10 Javascript
JQuery加载图片自适应固定大小的DIV
Sep 12 Javascript
Lab.js初次使用笔记
Feb 28 Javascript
jquery插件hiAlert实现网页对话框美化
May 03 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形网络(1)
Nov 30 Javascript
解析javascript图片懒加载与预加载的分析总结
Oct 27 Javascript
jQuery操作DOM_动力节点Java学院整理
Jul 04 jQuery
js实现图片旋转 js滚动鼠标中间对图片放大缩小
Jul 05 Javascript
详解VUE自定义组件中用.sync修饰符与v-model的区别
Jun 26 Javascript
js实现无缝滚动双图切换效果
Jul 09 Javascript
js实现简单的无缝轮播效果
Sep 05 Javascript
JQuery 动态扩展对象之另类视角
May 25 #Javascript
jQuery的Ajax时无响应数据的解决方法
May 25 #Javascript
JavaScript操作XML实例代码(获取新闻标题并分页,并分页)
May 25 #Javascript
ExtJS 2.0 GridPanel基本表格简明教程
May 25 #Javascript
Chrome中模态对话框showModalDialog返回值问题的解决方法
May 25 #Javascript
json格式化/压缩工具 Chrome插件扩展版
May 25 #Javascript
js 多种变量定义(对象直接量,数组直接量和函数直接量)
May 24 #Javascript
You might like
PHP 截取字符串专题集合
2010/08/19 PHP
php array_merge函数使用需要注意的一个问题
2015/03/30 PHP
基于php(Thinkphp)+jquery 实现ajax多选反选不选删除数据功能
2017/02/24 PHP
JavaScript中的对象化编程
2008/01/16 Javascript
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.3
2008/03/22 Javascript
ASP 过滤数组重复数据函数(加强版)
2010/05/31 Javascript
原创javascript小游戏实现代码
2010/08/19 Javascript
使用Post提交时须将空格转换成加号的解释
2013/01/14 Javascript
js+HTML5实现视频截图的方法
2015/06/16 Javascript
js HTML5 Ajax实现文件上传进度条功能
2016/02/13 Javascript
浅谈Jquery中Ajax异步请求中的async参数的作用
2016/06/06 Javascript
解决微信内置浏览器返回上一页强制刷新问题方法
2017/02/05 Javascript
Vue2递归组件实现树形菜单
2017/04/10 Javascript
JS组件系列之MVVM组件 vue 30分钟搞定前端增删改查
2017/04/28 Javascript
基于javascript中的typeof和类型判断(详解)
2017/10/27 Javascript
layui表格checkbox选择全选样式及功能的实例
2018/03/07 Javascript
使用Vue的slot插槽分发父组件内容实现高度复用、更加灵活的组件(推荐)
2018/05/01 Javascript
layui异步加载table表中某一列数据的例子
2019/09/16 Javascript
Python守护进程(daemon)代码实例
2015/03/06 Python
简单了解Python下用于监视文件系统的pyinotify包
2015/11/13 Python
python中的字典使用分享
2016/07/31 Python
Python二叉树定义与遍历方法实例分析
2018/05/25 Python
Python Matplotlib库安装与基本作图示例
2019/01/09 Python
python把ipynb文件转换成pdf文件过程详解
2019/07/09 Python
python实现LBP方法提取图像纹理特征实现分类的步骤
2019/07/11 Python
python生成器/yield协程/gevent写简单的图片下载器功能示例
2019/10/28 Python
详解CSS3新增的背景属性
2019/12/25 HTML / CSS
详解Html5 Canvas画线有毛边解决方法
2018/03/01 HTML / CSS
台湾SHOPRO购物行家:亚洲首创影视.3C.家电.优质购物平台
2018/05/07 全球购物
应届生体育教师自荐信
2013/10/03 职场文书
《登鹳雀楼》教学反思
2014/04/09 职场文书
2014年五一劳动节社区活动总结
2014/04/14 职场文书
在职党员进社区活动总结
2014/07/05 职场文书
毕业生政审意见范文
2015/06/04 职场文书
Pytorch数据读取之Dataset和DataLoader知识总结
2021/05/23 Python
python装饰器代码解析
2022/03/23 Python