easyui与java后台数据库实现下拉联动

<div>
<divclass="demo-tipicon-tip"></div>
<div>java与数据库交互的二级下拉联动</div>
</div>
<divstyle="padding:5px"></div>
<divtitle="java下拉框二级联动"style="width:400px;height:350px">    
部门:<inputid="despId"name="despId"editabl="false"panelHeight="100"style="width:100px;"/>
员工:<selectid="mstrId"name="mstrId"class="easyui-combobox"editabl="false"style="width:100px;"panelHeight="100"/>
<optionvalue="">请选择员工:</option>
</select>
</div>
<script>
//此脚本须放在下拉列表框的下面
vardeptSelect=$('#despId');
if($('#despIdoption').length==0){
deptSelect.combobox({
url:'deptList',//ajax请求地址
valueField:'C_DEP_ID',//键
textField:'C_DEP_NAME',//值
//部门下拉框onChange事件
onChange:function(){
//注意这里不能使用$('#despId').val()方法来获取下拉框的值，因为这里使用的是easyui的combobox组件，
//所以只能使用easyui提供的getValue方法
vardespId=$('#despId').combobox('getValue');
$('#mstrId').combobox({
url:'mstrList?id='+despId,
valueField:'C_DEP_ID',
textField:'C_EMP_NAME'
});
}
});
}
</script>