社区
Web 开发
帖子详情
层隐藏,层显示问题
chen505586338
2012-05-31 01:38:43
页面中有两个tr分别放在两个div中,有一个select下拉框,当我选下拉框里第二个值时,其 中一个div隐藏,当我选第四个值时,两个div都要隐藏,怎么实现,求助啊!!
...全文
61
2
打赏
收藏
层隐藏,层显示问题
页面中有两个tr分别放在两个div中,有一个select下拉框,当我选下拉框里第二个值时,其 中一个div隐藏,当我选第四个值时,两个div都要隐藏,怎么实现,求助啊!!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
rfheh
2012-06-01
打赏
举报
回复
看看是不是你想要的效果
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>正则表达式30分钟入门教程</title>
<style type="text/css">
<!--
.STYLE1 {font-size: 13px}
-->
</style>
</head>
<body>
<script>
function hideOrShow(){
var sel = document.getElementById("sel").value;
var first = document.getElementById("first");
var second = document.getElementById("second");
if(sel=="0"){
first.style.display="block";
second.style.display="none";
}else if(sel=="1"){
first.style.display="none";
second.style.display="block";
}else if(sel=="2"){
first.style.display="none";
second.style.display="none";
}else if(sel=="3"){
first.style.display="block";
second.style.display="block";
}
}
</script>
选择下列框<select onchange="hideOrShow()" id="sel">
<option value="0">隐藏第二个DIV</option>
<option value="1">隐藏第一个DIV</option>
<option value="2">都隐藏</option>
<option value="3">都显示</option>
</select>
<table>
<tr><td><div id="first">第一个层显示</div></td></tr>
<tr><td><div id="second">第二个层显示</div></td></tr>
</table>
</body>
</html>
testvon
2012-05-31
打赏
举报
回复
select标签有这个属性 onchange="javascript:location.href=this.value;",作用是当下拉框内容改变时执行<option value="xxx">中的内容.
div 标签有这个属性 style="display: none",其中none为不显示DIV,block为显示该DIV
你要实现的功能可以先在相应的option中调用JS方法去改变你想显示隐藏的DIV的属性
jQuery EasyUI 1.4.3 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示
tabs:“showTool”和“hideTool”方法提供用户
显示
或
隐藏
工具栏; layout:允许用户覆盖“cls”、“headerCls”和“bodyCls”属性值。 New Plugin(新组件) switchbutton:新增开关按钮组件,状态:“开”和“关...
altium designer如何只
显示
一
层
,
隐藏
其他
层
显示
方法一: 在pcb文件视图下,按下字母L,弹出如下框, ...在single layer modes里面选择,hide other layers选项,就可以
隐藏
其他
层
显示
了。 单
层
显示
效果如下图: 方法二:shitf+s快捷键
BootStrapTable表格利器通用教材
开发响应式界面,固定表头,完全可配置,支持data属性,
显示
/
隐藏
列,
显示
/
隐藏
表头,使用AJAX获取JSON数据,点击表头可简单的进行排序,支持自定义列
显示
,支持单/复选,强大的分页功能,支持名片布局,支持多语言 ...
遮罩
层
的
显示
、
隐藏
遮罩
层
的
显示
、
隐藏
开发工具和关键技术:Adobe Dreamweaver CC 2017、遮罩
层
的
显示
、
隐藏
撰写时间:2019年1月31日 今天,和大家分享的技术是遮罩
层
的
显示
、
隐藏
。 下面,我举个例子来说明一下。 第一步,给你想给...
Allegro
隐藏
铺铜或
显示
铺铜以及单独
显示
某一
层
信息
在需要开启单独
显示
时,我们首先把其它的
层
关闭,执行color图标,详细下图所示,在
显示
单
层
时,我们先关闭所有
层
,只打开板框
层
outline。然后再在visibility窗口里,打开所在的
层
的信息。在我们在PCB完成后,我们会...
Web 开发
81,092
社区成员
341,717
社区内容
发帖
与我相关
我的任务
Web 开发
Java Web 开发
复制链接
扫一扫
分享
社区描述
Java Web 开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章