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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章