使用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>