`
ksdq75ksdq
  • 浏览: 12105 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

js动态控制表单的tr,td的显示和隐藏

 
阅读更多

  无论是事先写好的,还是动态生成的,要找到指定的tr或td都必须知道其相关的一个属性,未必必须是id或name,然后无论是在一个table还是多个 table都可以通过document.getElementsByTagNames( "tr ")或td,取得集合,……再根据知道的属性再找,最后设置显示/隐藏
  方法一: 
  document.getElementById( "控件ID ").style.visibility= "hidden "; 
  document.getElementById( "控件ID ").style.visibility= "visible "; 
  方法二: 
  document.getElementById( "控件ID ").style.display= "none "; 
  document.getElementById( "控件ID ").style.display= "inline "; 
  方法一隐藏后   页面的位置还被控件占用   只是不显示   类似于.net验证控件的Display=Static 
  方法二隐藏后   页面的位置不被占用   类似于.net验证控件的Display=Dynamic 
  我写的一个根据下拉菜单的不同选择值来显示下边的一个input表单的显示和隐藏
  js:
  function listchange(){
  var sel=document.getElementsByName('tasklist_type');
  for(var i=0;i
  
分享到:
评论

相关推荐

    双击表单变成输入框,很好用

    <script language="javascript"> // 将单元格转化成文本框 function changeTotext(obj) { var tdValue = obj.innerText; obj.innerText = ""; var txt = document.createElement("input"); txt.type = "text"; ...

    可以动态增加table行的javascript代码

    * 1、<script language="javascript" src="js/addContentRow.js"> * 2、 * <!-- 附件部分 --> * * <tr></tr> * <tr bgcolor="#FFFFFF"> * <td height="20" align="center" bgcolor="" colspan="3">...

    js简单获取表单中单选按钮值的方法

    本文实例讲述了js简单获取表单中单选按钮值的方法。分享给大家供大家参考,具体如下: HTML部分如下: <form> <tr bgcolor=#FFFFFF> <td width=84 height=23 rowspan=3 align=center valign=middle ...

    HTML+CSS及表单知识 软件条件:VSCode、Goole浏览器

    步骤二:div-sign先建立form,里面采用tr-td-input-td-tr的形式建立表单;form设置为autocomplete="on"使input标签实现内容自动记忆补全,input根据内容选择相应的类型,table放标签button实现注册按钮 步骤三:对于...

    用JS动态改变表单form里的action值属性的两种方法

    方法1: <form id=form1 name=form1 method=post action=../news/index.asp> <tr> <td height=28><input name=keyword type=text style=width:150px id=keyword/>...td height=28

    搜索引擎名次查询.net版源码下载

    -- 表单搜索引擎种类选择,如果你不想出现这么多可以删除你不想出现的即可 --> </td> </tr> ("id") <> "" then str = split(Request.Form("id"),",") ...

    网页设计实验 Javascript的使用

    1、创建一个5行4列的表格、<tr>表示一行,<td>表示一列,表示这一列加粗显示。 2、给表格的元素赋值 3、创建Javascript的表单

    html&css;&JavaScript;基础笔记

    1. 表格——<table><tr><th><td> 7 2. table的属性 7 3. 表格分列——水平分列和竖直分列 7 Body体里面的标签——表单 8 1. 表单标签——get、post 8 2.表单控件——<input type=“text/password/checkbox/file.....

    javascript倒计时

    实现简易的javascript倒计时 <script language="javascript"> var timerID = null; var timerRunning = false; var leftsec=60; var leftmin=60; var lefthour=2; function stopclock (){ if(timerRunning) ...

    JavaWeb实验报告.doc

    Java Web实验报告 Java Web Experiment Report 学生所在学院: 学院 学生所在班级: 学 生 姓 名 : 学 号 : 指 导 教 师 : 月 一、客户端开发设计:系统设计 一、实验目的 掌握Html的语法和用法,能制作简单的...

    thinkphp框架表单数组实现图片批量上传功能示例

    本文实例讲述了thinkphp框架表单数组实现图片批量上传功能。分享给大家供大家参考,具体如下: 今天做一个表单数组实现图片批量上传,js不是很会,在网上找了资料改的,html页面如下: [removed] var i = 1; ...

    JS将表单导出成EXCEL的实例代码

    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”> <head> <title&...

    js实现不提交表单获取单选按钮值的方法

    本文实例讲述了js实现不提交表单获取单选按钮值的方法。分享给大家供大家参考。具体如下: 这是JS实现的特效,不提交表单获取相关的控件值。如本例所示,不提交表单即可获取单选按钮的值。 运行效果截图如下: 在线...

    bootstrapValidator.min.js表单验证插件

    本文实例为大家分享了bootstrapValidator.min.js表单验证的具体代码,供大家参考,具体内容如下 注意:下载后全选复制并粘贴到新建js文件名为bootstrapValidator.min.js下即可。 测试代码: <!DOCTYPE html> &lt...

    JavaScript设置名字输入不合法的实现方法

    <tr> 输入名称: <td><input type='text' class='normal' name='...在表单里设置id 和 onblur 事件 onblur:会在对象失去焦点时发生。 javascript代码: function checkName() { //获取表单ID var cashName =

    JS实现table表格内针对某列内容进行即时搜索筛选功能

    主要介绍了JS实现table表格内针对某列内容进行即时搜索筛选功能,涉及javascript针对HTML元素的遍历、属性动态修改相关操作技巧,需要的朋友可以参考下

    js使用小技巧

    Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...

    JavaScript笔记

    JavaScript:定义行为和动作 (基于对象和事件驱动的客户端脚本语言;也是一种广泛应用于客户端Web开发的脚本语言) 基于对象:网页中的一切元素都是假象!不需要new,即可直接使用 事件驱动:JavaScript的执行都是...

    电子商务网站设计原理.docx

    <tr> <td width="95">姓名:</td> <td width="205"> <input type="text" name="user_name"> </td> </tr> <tr> <td width="95">电子邮箱:</td> <td width="205"> <input type="text" name="email"> </td> </tr> 电子...

Global site tag (gtag.js) - Google Analytics