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

180026379.jpg180118606.jpg

<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()方法来获取下拉框的值,因为这里使用的是easyuicombobox组件,

//所以只能使用easyui提供的getValue方法

vardespId=$('#despId').combobox('getValue');

$('#mstrId').combobox({

url:'mstrList?id='+despId,

valueField:'C_DEP_ID',

textField:'C_EMP_NAME'

});

}

});

}

</script>

你可能感兴趣的:(java,easyui,联动菜单)