您的位置:首页 > 其它

select选择控制<tr>显示与隐藏

2017-01-13 09:08 411 查看
使用juery对tr进行控制,主要是需要获取select的值,然后对tr加以控制,注意和js的方法区分开:

js代码:

<script type="text/javascript">
$(function(){
var select=$("select[name=type]").val();
alert(select);
if(select==1 || select==3){
$("tr[id=show]").show();
}else{
$("tr[id=show]").hide();
}
$("select[name=type]").change(function(){
var value=$(this).val();
if(value==1 || value==3){
$("tr[id=show]").show();
}else{
$("tr[id=show]").hide();
}
});
});
</script>


html代码:tr初始化要设置成display:none

<tr >
<td>处置方式:</td>
<td>
<select name="type" id="selId" >
<option value="1">备品备件中更换(随柜)</option>
<option value="2">自带原型号元器件更换</option>
<option value="3">从其他柜体中拆件更换</option>
<option value="4">自带新的物料替换原有旧的物料</option>
<option value="5">现场维修</option>
<option value="6">暂无处理</option>
</select>
</td>
</tr>
<tr id="show" style="display:none;">
<td>
<br>
</td>
</tr>
<tr id="show" style="display:none;">
<td>替换元器件所属风机号:</td>
<!-- 只选出关联风场的风机号 -->
<td>
<select name="generator" parent="true">
<s:iterator value="#windList">
<option value="<s:property value="generatorCode"/>"><s:property value="generatorCode"/></option>
</s:iterator>
</select></td>
</tr>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  select