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>
<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>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)