选择 option 决定表格 tr 是否隐藏

下拉框代码

<tr>
                                <td style="width:95px;text-align: right;padding-top: 13px;">类型:</td>
                                <td><select name="MODEL" id="MODEL"  maxlength="50"  title="类型" style="width:98%;">
                                          <option value ="1">文本标题</option>
                                           <option value ="2">图文标题</option>
                                    </select></td>
                            </tr>

一、设置 tr  

style="display:none;

 

<tr id="img" style="display:none;">
                                <td style="width:75px;text-align: right;padding-top: 13px;">图片:</td>
                                <td><input onmouseover="showTU('IMAGE','yulantu1');" onmouseout="hideTU('yulantu1');" type="text" name="IMAGE" id="IMAGE" value="${pd.IMAGE}" maxlength="100" placeholder="这里输入图片" title="图片" style="width:88%;"/>
                                    <div class="yulantu" id="yulantu1"></div>
                                    <a class="btn btn-xs btn-info" style="margin-top: -5px;" title="选择" onclick="xuanTp('IMAGE');">选择 </a>
                                </td>
                            </tr>

二 、添加控件

  <script type="text/javascript" src="static/js/jquery.tips.js"></script>

 方法

$(function(){
            var projectName="${pd.MODEL}";
            $("select[name=MODEL]").find("option[value='"+projectName+"']").attr("selected",true);
            if(projectName==2 ){
                $("tr[id=img]").show();
            }else{
                $("tr[id=img]").hide();
            }
            $("select[name=MODEL]").change(function(){
                var value=$(this).val();
                if(value==2 ){
                    $("tr[id=img]").show();
                }else{
                    $("tr[id=img]").hide();
                }
            });
        });