一、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();
}
}