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 相关文章推荐
网页常用特效代码整理
Jun 23 Javascript
用javascript获得地址栏参数的两种方法
Nov 08 Javascript
jQuery学习总结之元素的相对定位和选择器(持续更新)
Apr 26 Javascript
js弹出窗口之弹出层的小例子
Jun 17 Javascript
js判读浏览器是否支持html5的canvas的代码
Nov 18 Javascript
JavaScript编程中的Promise使用大全
Jul 28 Javascript
JavaScript编写简单的计算器
Nov 25 Javascript
自定义require函数让浏览器按需加载Js文件
Nov 24 Javascript
原生js实现放大镜效果
Jan 11 Javascript
jquery.flot.js简单绘制折线图用法示例
Mar 13 Javascript
用vue写一个仿简书的轮播图的示例代码
Mar 13 Javascript
详解JavaScript 为什么要有 Symbol 类型?
Apr 03 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
Windows下XDebug 手工配置与使用说明
2010/07/11 PHP
php数组函数序列之array_pop() - 删除数组中的最后一个元素
2011/11/07 PHP
PHP文章采集URL补全函数(FormatUrl)
2012/08/02 PHP
PHPExcel笔记, mpdf导出
2016/05/03 PHP
php+ajax无刷新上传图片的实现方法
2016/12/06 PHP
php利用云片网实现短信验证码功能的示例代码
2017/11/18 PHP
Laravel实现通过blade模板引擎渲染视图
2019/10/25 PHP
一段效率很高的for循环语句使用方法
2007/08/13 Javascript
Jquery iframe内部出滚动条
2010/02/11 Javascript
理解Javascript_11_constructor实现原理
2010/10/18 Javascript
玩转jQuery按钮 请告诉我你最喜欢哪些?
2012/01/08 Javascript
jQuery中html()方法用法实例
2014/12/25 Javascript
Jquery树插件zTree用法入门教程
2015/02/17 Javascript
javascript实现table选中的行以指定颜色高亮显示的方法
2015/05/13 Javascript
jQuery中 delegate使用的问题
2015/07/03 Javascript
Node.js编写爬虫的基本思路及抓取百度图片的实例分享
2016/03/12 Javascript
关于JS变量和作用域详解
2016/07/28 Javascript
使用jQuery 操作table 完成单元格合并的实例
2017/12/27 jQuery
vue使用laydate时间插件的方法
2018/11/14 Javascript
微信公众平台获取access_token的方法步骤
2019/03/29 Javascript
微信小程序实现搜索功能并跳转搜索结果页面
2019/05/18 Javascript
layui输入框只允许输入中文且判断长度的例子
2019/09/18 Javascript
Python基于更相减损术实现求解最大公约数的方法
2018/04/04 Python
python爬虫 正则表达式解析
2019/09/28 Python
pytorch 计算ConvTranspose1d输出特征大小方式
2020/06/23 Python
Python自动化测试中yaml文件读取操作
2020/08/20 Python
HTML5使用Audio标签实现歌词同步的效果
2016/03/17 HTML / CSS
彪马加拿大官网:PUMA加拿大
2018/10/04 全球购物
有趣的睡衣和礼物:LazyOne
2019/11/27 全球购物
与UNIX有关的几个名词
2015/09/17 面试题
生日寄语大全
2014/04/08 职场文书
排查整治工作方案
2014/06/09 职场文书
应届生自荐书
2014/06/23 职场文书
2019入党申请书格式
2019/06/25 职场文书
《风不能把阳光打败》读后感3篇
2020/01/06 职场文书
详解Django中 render() 函数的使用方法
2021/04/22 Python