在html页面中,当A=调拨时 怎么隐藏<tr>一行

当执行判断=调拨时,怎么隐藏下一行... 当执行判断=调拨时,怎么隐藏下一行 展开
 我来答
百度网友c8ccabb
2013-11-30 · TA获得超过1756个赞
知道大有可为答主
回答量:826
采纳率:0%
帮助的人:1176万
展开全部

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>
百度网友7fb4d77
2013-11-30 · TA获得超过526个赞
知道小有建树答主
回答量:1180
采纳率:54%
帮助的人:190万
展开全部
不好意思,没看懂你的意思,你说的下一行是指的哪一行啊?
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
tsotsi
2013-12-01 · TA获得超过940个赞
知道小有建树答主
回答量:1367
采纳率:55%
帮助的人:703万
展开全部
display:none jquery方法 remove
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式