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

<div>

<divclass="demo-tipicon-tip"></div>

<div>java与数据库交互的二级下拉联动</div>

</div>

<divstyle="padding:5px"></div>

<divtitle="java下拉框二级联动"style="width:400px;height:350px">&nbsp;&nbsp;&nbsp;&nbsp;

部门:<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>