[JavaScript]利用JavaScript控制table中row的显示

在程序中有时候我们需要根据选择来显示我们需要的信息,通过控制table中row的显示可以实现这样的功能.

NoneRow1Row2Row3

Row1

Row2

Row3

JavaScript

function changeRow(id, status)

{

document.getElementById("Row1").style.display ="none";

document.getElementById("Row2").style.display ="none";

document.getElementById("Row3").style.display ="none";

var elm = document.getElementById("Row"+id);

if (!elm)

return false;

elm.style.display = (status == true) ? "" : "none";

}

</script>

HTML

<tr>

<td>

</select>

</td>

</tr>

</tr>

</tr>

</tr>

</table>

[JavaScript]利用JavaScript控制table中row的显示相关推荐

html中visibility属性,（CSS）不同浏览器对table中visibility属性显示的不同
本文举例说明在不同浏览器对table中visibility属性显示的不同. 一.HTML代码 thth tdtd 二.不同浏览器的表示选取了Chrome.FireFox.Edge.IE11分别测试, ...
js控制table中tr位置互换
 <script type="text/javascript"> function doit(f, t) { $ ...
html怎么设置只显示一行,如何利用CSS控制文本只在一行显示(不换行)
我们在做前端时,经常会要求文字只在一行显示.当一行文字超过DIV或者Table的宽度的时候,浏览器中默认是让它换行显示的,如果不想让他换行要怎么办呢?通过CSS中的word-break,white-s ...
利用JavaScript在ASP.NET中动态生成系统菜单
用户在登陆一个系统后通常会因为权限的不同而使用不同的系统功能,我们在实现用户使用的菜单项时有两种选择,一是列出全部系统菜单项,根据用户的权限禁用一部分菜单,二是根据权限动态加载菜单,这样只要列出的 ...
php 只能输入中英文,JavaScript基于正则实现控制输入框中只能输入中文、数字和英文的方法...
这篇文章主要介绍了JavaScript控制输入框中只能输入中文.数字和英文的方法,基于正则验证实现字符输入限制功能,具有一定参考借鉴价值,需要的朋友可以参考下本文实例讲述了Javascript控制输 ...
javascript 取table中内容
1,有如下表格,我们要取第2行第2列的值 <table id="table1"> <tr> <td>1行1列</td> <td ...
javascript做的一个根据table中某个td的值为日期时的倒计时
JavaScript代码: <script>window.onload = window.onload = function () { getTdValue(); }//根据传过来的天数( ...
JavaScript杂记（持续更新中）
1. HTML 表单自动验证 HTML 表单验证也可以通过浏览器来自动完成. 如果表单字段 (fname) 的值为空, required 属性会阻止表单提交: <!DOCTYPE html> ...
利用javascript和WebGL绘制地球【翻译】
利用javascript和WebGL绘制地球 [翻译] 原翻译:利用javascript和WebGL绘制地球 [翻译] 在我们所有已知的HTML5API中,WebGL可能是最有意思的一个,利用这个AP ...

[JavaScript]利用JavaScript控制table中row的显示

[JavaScript]利用JavaScript控制table中row的显示相关推荐

最新文章

热门文章