根据选择内容不同，动态的显示JSP中的字段输入框或者选择框

一、JSP页面中

我做的是根据“所属课程”字段的更改，选择视频地址跟视频ID是否要显示出来，所以在“所属课程”字段中增加了courseChange()事件

<tr>
                    <td style="width:20%">所属课程：<span style="color:red">*</span></td>
                    <td style="width:80%">    
                         <input style="width:60%" name="course_name"  id="course_name"
                          class="mini-combobox" required="true"  
                          textField="value" valueField="code" showNullItem="true" 
                          nullItemText="请选择" emptyText="请选择"
                           onvaluechanged='courseChange()'/>     
                    </td>
     </tr>

 

 

 

  <tr id="file_id" hidden>    
                    <td style="width:20%">视频地址：<span style="color:red">*</span></td>
                    <td style="width:80%">    
                       <input style="width:60%" name="video_play_address" id="video_play_address" class="mini-textbox"                                                   required="false"  vtype="maxLength:100" emptyText="请输入视频地址"/>
                     </td>
   </tr>
  <tr id="file_url" hidden>    
                    <td style="width:20%">视频ID：<span style="color:red">*</span></td>
                    <td style="width:80%">    
                       <input style="width:60%" name="video_play_id" id="video_play_id" class="mini-textbox"  vtype="maxLength:100"                                 emptyText="请输入视频ID" required="false"/>
                    </td>
     </tr> 

二、js中代码

var course= "";
function courseChange(){
    course=  mini.get("course_name").getValue();
    if(course != "" && course != null){
        if(course== '1'){   //“1”代表一种课程名字
            $("#upload_video").hide();
            $("#file_id").show();
        }else{
            $("#file_id").hide();
            $("#file_url").hide();
        }
    }else{
        $("#file_id").hide();
        $("#file_url").hide();
    }
}