当使用easyui时，表单的onchange事件失效

功能：新增信徒页面，当选择未受洗，设置受洗时间，教堂选项 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');
}
}
 });