在html里面隐藏一行

在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>

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>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7124309.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存