select 控制网页内容隐藏于显示的实现代码
<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>
判断方式也可以改为不等式
相关推荐
-
select 控制网页内容隐藏于显示的实现代码
<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.
-
jQuery控制元素隐藏和显示
1.jQuery隐藏和显示效果 通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: $("#hide").click(function(){ $("p").hide(); }); //点击id="hide"元素时,隐藏所有<p>标签内容: $("#show").click(function(){ $("p").show(); }); //点击id=
-
jquery和js实现对div的隐藏和显示方法
jQuery对div的显示和隐藏: 显示: 复制代码 代码如下: $("#id").show() 隐藏: 复制代码 代码如下: $("#id").show() js对div的显示和隐藏: div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白 复制代码 代码如下: style="visibility: none;" document.getElementById("typediv1").style.vi
-
JS实现“隐藏与显示”功能(多种方法)
下面我将效果图展示出来: 1,通过按钮实现隐藏与显示: 这个是通过按钮点击实现的隐藏与显示,具体代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>通过按钮实现隐藏和显示</title> <style type="text/css"> .body{ margin: 0 auto; } #show{ wid
-
JQuery显示隐藏DIV的方法及代码实例
1. 如果在载入是隐藏: 复制代码 代码如下: <head> <script language="javascript"> function HideWeekMonth() { $("#tt1").hide(); $("#tt2").hide(); } </script> </head> <body onLoad="HideWeekMonth()">
-
Android实现密码隐藏和显示
本文实例为大家分享了Android实现密码隐藏和显示的具体代码,供大家参考,具体内容如下 在Android开发中,需要密码的隐藏和显示,下面就和大家分享一下使用方法: xml代码: <LinearLayout android:layout_width="match_parent" android:layout_height="50dp" android:background="
-
JS控制HTML元素的显示和隐藏的两种方法
利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位. 方法一: document.getElementById("EleId").style.visibility="hidden"; document.getElementById("EleId").style.visibility="visible"; 利用上述方法实现隐藏后,页面
-
js控制li的隐藏和显示实例代码
html页面 <div class="favorite_list"> <div class="list_type" id="list_type"> <ul class="all"> <li> <a href="javascript:void(0);" onclick="showli(1);">全部(<span class=
-
js tr控制下面的tbody隐藏和显示
用的核心代码function $(obj){ return document.getElementById(obj); } window.onload = function(){ var table = document.getElementById("myTable"); //如果在表格区域内产生单击 table.onclick = function(e){ var e = window.event||e,target = e.srcE
-
详解微信小程序 通过控制CSS实现view隐藏与显示
详解微信小程序 通过控制CSS实现view隐藏与显示 实现效果图: 视图代码,使用变量控制隐藏类名 <scroll-view scroll-y="true" > <view class="user_freeback"> <view class="txt"> <text> 为了更好地帮助您解决问题,请准确填写您的邮箱地址和电话号码,以便管理员给你答复.</text> </view&g
随机推荐
- AjaxUI:滑动条
- Eval and new funciton not the same thing
- JS解决移动web开发手机输入框弹出的问题
- ASP.NET实现TreeView的XML数据源绑定实例代码
- 一个合格的程序员应该读过哪些书(偏java)
- PHP strip_tags保留多个HTML标签的方法
- Python切片知识解析
- JavaScript动态添加列的方法
- php版淘宝网查询商品接口代码示例
- JS鼠标3次点击事件实现代码及扩展思路
- php实现scws中文分词搜索的方法
- picLazyLoad 实现图片延时加载(包含背景图片)
- jQuery实现的小图列表,大图展示效果幻灯片示例
- Jquery中增加参数与Json转换代码
- Java中final关键字的用法总结
- JavaScript 闭包详细介绍
- 左侧是表头的JS表格控件(自写,网上没有的)
- java 中死锁问题的实例详解
- 教你轻松玩转FTP
- Java线程中的notifyAll唤醒操作(推荐)