功能:新增信徒页面,当选择未受洗,设置受洗时间,教堂选项 disabled。
步骤:
在<select>标签里加入 οnchange="xxxxx()"。
在js里编写xxxxx()方法。
测试
教堂选项没有 disabled。
原因:
我JSP页面这样写:<select id="addBeBaptized" class="easyui-combobox" name="beBaptized" style="width:100px;">
其中 class="easyui-combobox" 已经使select不能使用HTML的事件了,查看页面源码发现不是select了,故而这个事件无效了。
解决:
easyui的combobox里集成了combo的onSelect事件方法,需要在页面加载初始化控件时设置。
$('#addBeBaptized').combobox({
onSelect: function(date){
var beBaptized=$('#addBeBaptized').combobox('getValue');
if(beBaptized!='2'){
//1 未受洗 2 已受洗 3 未填
$('#addBaptizedDate').combobox('disable');
$('#addBaptizedChurch').combobox('disable');
}else{
$('#addBaptizedDate').combobox('enable');
$('#addBaptizedChurch').combobox('enable');
}
}});