在html里面隐藏一行

html-css010

在html里面隐藏一行,第1张

<tr style="display:none">

<td>

<div align="right">软件类别:</div>

<input name="sAction" type="hidden" value="insert">

</td>

<td>

<select name="sSoftOrdev" >

<option value=软件>软件

</select>

</td>

</tr>

var blnResult = "true"// 当前你的返回值 在js中的function里面写 if(blnResult)

{

// 在你要隐藏的行上添加name = "hid"标记

$("#Table的ID").find("tr[name=hid]").hide()// 隐藏行

}

1、先给出假设条件:你“执行判断”下拉框中“调拨”对应下拉项的value值是2;

2、为下面被调拨那一行的tr设置id,命名:tr_下拉项值,这里命名为:tr_2;

以下是实现上面下拉框选中调拨后,隐藏下面那一行的示例的代码(基于jQuery实现):

<html>

<head>

<meta http-equiv="Content-Type" content="text/html charset=GBK">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

    $("select[name=selectField]").change(function(){

     var display = ""

     // 定义“调拨”下拉项的value值

     var checkValue = "2"

     if(this.value == checkValue) {

     // 这里判断是否与“调拨”下拉项的value值相等

     display = "none"

     }

     $("#tr_" + checkValue).css('display', display)

    })

})

</script>

</head>

<body>

<table borer=1 width="60%" cellspace=1>

<tr>

<td width="30%">执行判断:</td>

<td>

<select name="selectField">

<option value=""></option>

<option value="0">领取</option>

<option value="1">采购</option>

<option value="2">调拨</option>

<option value="3">维修</option>

</select>

</td>

</tr>

<tr id="tr_2">

<td>被调拨人:</td>

<td>XXXX</td>

</tr>

<tr>

<td>信息部评估</td>

<td>XXXX</td>

</tr>

</table>

</body>

</html>