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

使用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>
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值