select选择控制<tr>显示与隐藏
2017-01-13 09:08
411 查看
使用juery对tr进行控制,主要是需要获取select的值,然后对tr加以控制,注意和js的方法区分开:
js代码:
html代码:tr初始化要设置成display:none
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>
相关文章推荐
- javaScript控制<div>的显示,隐藏
- 用radio控制<tr>的隐藏和显示问题
- 简单运用Javascript,使<input/>控制display属性div的显示隐藏
- select控制网页内容隐藏和显示
- jsp使用<c:choose>标签来控制内容显示
- Android实战简易教程<五十一>(ListView实现子控件的动态显示和隐藏、checkbox全选和反选)
- Android实战简易教程<五十九>(EventBus小实例-传值、控制其他页控件显示)
- <s:select>控制为只读
- <Linux+Qt>Qt4编程控制mplayer嵌入自定义界面监控或视频显示
- 用下拉框(select)控制表格显示隐藏
- sp使用<c:choose>标签来控制内容显示
- select onchange事件控制tr的显示或隐藏
- select 控制网页内容隐藏于显示的实现代码
- GL音乐播放器--代码实现<四>--进度控制和可隐藏的音量控制
- jQuery Mobile 控制 select 的显示隐藏 display none
- TreeList + <select />+Ajax实现按部门选择员工
- html <select> <option> 实现根据选择不同的option,调用不同的方法功能
- <li></li>列表中显示文字强制不换行,大于li宽度自动隐藏文字
- 开发日志:<s:select>标签显示从后台传过来的空格问题
- <a>控制<iframe>中显示网页