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

2015-04-20  来源:本站原创  分类:表单特效  人气:2 

js下通过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 控制网页内容隐藏于显示的实现代码 2015-04-20

    js下通过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.self

  • JQuery显示隐藏DIV的方法及代码实例 2014-08-27

    这篇文章主要介绍了JQuery显示隐藏DIV的方法及代码实例,本文讲解了载入时隐藏.动态隐藏和显示两部分内容,需要的朋友可以参考下 1. 如果在载入是隐藏: <head> <script language="javascript"> function HideWeekMonth() { $("#tt1").hide(); $("#tt2").hide(); } </script> </head> &

  • 控制文字内容的显示与隐藏示例 2014-06-21

    控制某id或class的地div显示与隐藏是比较容易实现的,但若控制文字内容的显示与隐藏该如何做到呢?下面有个示例,大家可以参考下 <a href="javascript:void(0);" id="open" onclick="document.getElementById('content').style='display:block'; document.getElementById('open').style='display:none';

  • js tr控制下面的tbody隐藏和显示 2014-07-22

    这个问题弄了我几天没心思写程序,问了论坛很多网友才搞定的. 用的核心代码 function $(obj){ return document.getElementById(obj); } window.onload = function(){ var table = document.getElementById("myTable"); //如果在表格区域内产生单击 table.onclick = function(e){ var e = window.event||e,target =

  • 如何用js控制frame的隐藏或显示的解决办法 2015-02-21

    如何用js控制frame的隐藏或显示的解决办法,需要的朋友可以参考一下 index.htm <html> <head> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <

  • jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换 2014-01-01

    jquery实现隐藏显示层动画效果.仿新浪字符动态输入.tab效果等等,以下为所有代码,感兴趣的朋友可以练练手哈,希望对大家学习有所帮助 已经有两年多没登陆csdn账号了,中间做了些旁的事,可是现在却还是回归程序,但改做前端了,虽然很多东西都已忘得差不多了,但还是应该摆正心态,慢慢来,在前端漫游,做一只快乐双鱼. 路是一步一步走出来的,知识是一点一滴积累的,记录是笔财富,来吧,一起学着总结做笔记. 这几天在写后台文章的一些页面,为了能得到更好的交互性,需要做一些效果,js无疑使不二之选,但由于浏

  • jquery 隐藏与显示tr标签示例代码 2014-06-08

    隐藏与显示tr标签的方法有很多,本文使用jquery来实现,需要的朋友可以参考下 废话少说 直接上代码 代码是程序员交流的最好方式 哈哈: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getSchem

  • js控制容器隐藏出现防止样式变化的两种方法 2015-01-06

    这篇文章主要介绍了js控制容器隐藏出现防止样式变化的两种方法,需要的朋友可以参考下 方法一: document.getElementById("控件ID").style.visibility="hidden"; document.getElementById("控件ID").style.visibility="visible"; 方法二: 复制代码 代码如下: document.getElementById("控件I

  • jquery和js实现对div的隐藏和显示方法 2015-02-17

    jquery和js分别可以实现对div的隐藏和显示,方法也不一样,jquery的show.show;js的hidden.visible jQuery对div的显示和隐藏: 显示: $("#id").show() 隐藏: $("#id").show() js对div的显示和隐藏: div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白 复制代码 代码如下: style="visibility: none;" document

  • js设置控件的隐藏与显示的两种方法 2015-03-15

    js设置控件的隐藏与显示,设置控件style的display和visibility属性就可以了,下面有个示例,需要的朋友可以参考下 用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的"display"和"visibility"属性. 当style.display="block"或style.visibility="visible"时控件或见,当style.display="none"

  • c#实现隐藏与显示任务栏的方法详解 2015-04-11

    本篇文章是对c#中任务栏隐藏与显示的实现方法进行了详细的分析介绍,需要的朋友参考下 1.导入System.Runtime.InteropServices命名空间. 2.API函数ShowWindow()能够控制人和窗体的现实状态,其声明格式如下: [DllImport("user32.dll")] public static extern int ShowWindow(int hwnd,int nCmdShow); 其中hwnd表示窗体的句柄,nCmdShow表示窗体的现实状态. 3.

  • Jquery实现控件的隐藏和显示实例 2013-12-06

    本篇文章主要是对Jquery实现控件的隐藏和显示实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&qu

  • 解析android中隐藏与显示软键盘及不自动弹出键盘的实现方法 2013-12-22

    本篇文章对android中隐藏与显示软键盘以及不自动弹出键盘的方法进行了分析介绍.需要的朋友参考下 1.//隐藏软键盘 ((InputMethodManager)getSystemService(INPUT_METHOD_SERVICE)).hideSoftInputFromWindow(WidgetSearchActivity.this.getCurrentFocus().getWindowToken(), InputMethodManager.HIDE_NOT_ALWAYS); 2.//显示

  • jquery关于表格及表格列隐藏和显示问题探讨 2014-01-13

    本文为大家详细介绍下关于指定表格及指定列的隐藏或显示.获取表格的列数等等表格相关的使用技巧,感兴趣的朋友可以参考下哈,希望对大家有所帮助 1.关于指定表格指定列隐藏显示 $(":checkbox[name*=month]").each(function(){ if(!$(this).attr("checked")){ var colnum = $(this).val(); $("#listPage").find('tr').find("

  • jQuery简单实现隐藏以及显示特效 2014-02-25

    这篇文章主要介绍了jQuery简单实现隐藏以及显示特效,需要的朋友可以参考下 简单的 隐藏以及显示的代码如下: <!DOCTYPE html> <html> <head> <script src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#

  • js控制不同的时间段显示不同的css样式的实例代码 2014-04-18

    这篇文章介绍了js控制不同的时间段显示不同的css样式的实例代码,有需要的朋友可以参考一下 js函数,可以放到单独的js文件中也可以放到当前页的<head>标记之内 function getCSS() { datetoday = new Date(); timenow=datetoday.getTime(); datetoday.setTime(timenow); thehour = datetoday.getHours(); if (thehour<12) display = &quo

  • jQuery响应鼠标事件并隐藏与显示input默认值 2014-06-01

    这篇文章主要介绍了jQuery响应鼠标事件并隐藏与显示input默认值的具体实现,需要的朋友可以参考下 分享下jQuery如何隐藏和显示 input 默认值的例子. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="htt

  • javascript 层隐藏和显示的代码 2014-07-04

    javascript 层隐藏和显示的代码 层隐藏和显示 2009-7-7 更多 我是更多里面的内容 我不是更多里面的内容 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • 浅析tr的隐藏和显示问题 2014-08-14

    本篇文章主要是对tr的隐藏和显示问题进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 var ReturnrReason=function(){ if($('#nextTransaction1 option:selected').text()=="退回制作附件"){ $("#ReturnrReason").css('display' ,''); $("#ReturnrReasonNote").css('display' ,'');

  • Javascript与jQuery方法的隐藏与显示 2014-09-10

    这篇文章主要通过实例向大家介绍了Javascript与jQuery方法的隐藏与显示的方法,需要的朋友可以参考下 示例代码很简单,直接奉上,就不多废话了 <html> <head> <title>denotoggle</title> <style> #box { width: 100px; height: 100PX; background-color: #ddd } .show { visibility: hidden; } </style