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之appendChild、insertBefore和insertAfter使用说明
Dec 30 Javascript
仿百度输入框智能提示的js代码
Aug 22 Javascript
js 删除数组的几种方法小结
Feb 21 Javascript
js中精确计算加法和减法示例
Mar 28 Javascript
如何防止回车(enter)键提交表单
May 11 Javascript
BootStrap Tooltip插件源码解析
Dec 27 Javascript
js实现将json数组显示前台table中
Jan 10 Javascript
vue.js前后端数据交互之提交数据操作详解
Apr 24 Javascript
JS 验证码功能的三种实现方式
Nov 26 Javascript
angular中的post请求处理示例详解
Jun 30 Javascript
详解vue3.0 diff算法的使用(超详细)
Jul 01 Javascript
Vue中computed和watch有哪些区别
Dec 19 Vue.js
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程序中防止盗链
2008/04/09 PHP
PHP 获取文件路径(灵活应用__FILE__)
2013/02/15 PHP
Yii基于数组和对象的Model查询技巧实例详解
2015/12/28 PHP
详解PHP对象的串行化与反串行化
2016/01/24 PHP
thinkPHP的表达式查询用法详解
2016/09/14 PHP
总结PHP代码规范、流程规范、git规范
2018/06/18 PHP
Javascript中Eval函数的使用
2010/03/23 Javascript
jqTransform form表单美化插件使用方法
2012/07/05 Javascript
用js实现in_array的方法
2013/11/05 Javascript
js键盘事件的keyCode
2014/07/29 Javascript
NodeJS学习笔记之Connect中间件模块(一)
2015/01/27 NodeJs
禁止按回车键提交表单的方法
2015/06/11 Javascript
Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享
2016/06/07 Javascript
JavaScript每天必学之事件
2016/09/18 Javascript
vue 插值 v-once,v-text, v-html详解
2018/01/19 Javascript
Vue项目分环境打包的实现步骤
2018/04/02 Javascript
JS扁平化输出数组的2种方法解析
2019/09/17 Javascript
js实现简单的无缝轮播效果
2020/09/05 Javascript
关于angular引入ng-zorro的问题浅析
2020/09/09 Javascript
[02:54]DOTA2英雄基础教程 撼地者
2014/01/14 DOTA
python协程用法实例分析
2015/06/04 Python
django批量导入xml数据
2016/10/16 Python
python 调用win32pai 操作cmd的方法
2017/05/28 Python
python判断一个数是否能被另一个整数整除的实例
2018/12/12 Python
pycharm+PyQt5+python最新开发环境配置(踩坑)
2019/02/11 Python
Python通过Schema实现数据验证方式
2020/11/12 Python
python 如何在测试中使用 Mock
2021/03/01 Python
写出二分查找算法的两种实现
2013/05/13 面试题
自考生毕业自我鉴定
2013/10/10 职场文书
大学应届生的自我评价
2014/03/06 职场文书
学生评语大全
2014/04/18 职场文书
银行业务授权委托书
2014/10/10 职场文书
反腐倡廉主题教育活动总结
2015/05/07 职场文书
nginx如何将http访问的网站改成https访问
2021/03/31 Servers
Nginx的反向代理实例详解
2021/03/31 Servers
Python基础知识之变量的详解
2021/04/14 Python