jqueryeasyui实现下拉框二级关联

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/jsp/biz/mzys/mzys_szy.jsp"%>
<script type="text/javascript">
var ksbm="";
var ysbm="";
$('#ysmc').combogrid({   
        idField:'bm',
        textField:'xm',
        columns:[[
            {field:'xm',title:'医生姓名',width:200,halign:'center',align:'left'},
            {field:'zw',title:'职务',width:200,halign:'center',align:'left'},
            {field:'zc',title:'职称',width:200,halign:'center',align:'left'}
            ]],
            fitColumns: true,
            mode:'remote',
            selectOnNavigation:false,
    });
        $('#ksmc').combogrid({   
        idField:'bm',
        textField:'mc',
        url:'${pageContext.request.contextPath}/mzys/mzys_kscheckBykspym.do',
        columns:[[
            {field:'mc',title:'科室名称',width:200,halign:'center',align:'left'},
            {field:'bm',title:'科室编码',width:200,halign:'center',align:'left'},
            {field:'pym',title:'拼音码',width:200,halign:'center',align:'left'}
            ]],
            fitColumns: true,
            mode:'remote',
            selectOnNavigation:false,
            onHidePanel:myOnHidden1,
        });    
function myOnHidden1(){
    var grid = $("#ksmc").combogrid("grid");
    var obj = grid.datagrid('getSelected');
    if(obj==null ||obj.bm==''){
        return;
        }
        $("#mc").val(obj.mc);
        $("#bm").val(obj.bm);
        $("#pym").val(obj.pym);    
        var bm=obj.bm;
        ksbm=bm;
        x(ksbm);
         
    
}

function x(ksbm){
$('#ysmc').combogrid({   
        idField:'bm',
        textField:'xm',
        url:'${pageContext.request.contextPath}/mzys/mzys_yscheck.do?bm='+ksbm,    
        columns:[[
            {field:'xm',title:'医生姓名',width:200,halign:'center',align:'left'},
            {field:'zw',title:'职务',width:200,halign:'center',align:'left'},
            {field:'zc',title:'职称',width:200,halign:'center',align:'left'}
            ]],
            fitColumns: true,
            mode:'remote',
            selectOnNavigation:false,
            onHidePanel:myOnHidden2,
    });
        }
function myOnHidden2(){
    var grid = $("#ysmc").combogrid("grid");
    var obj = grid.datagrid('getSelected');
    if(obj==null ||obj.bm==''){
        return;
        }
    $("#xm").val(obj.xm);
    $("#zw").val(obj.zw);
    $("#zc").val(obj.zc);    
    ysbm=obj.bm;
}            
            


function zk(){
var grid = $("#ksmc").combogrid("grid");
var obj = grid.datagrid('getSelected');
var jzlsh=$("#jzlsh").val();
var kh=$("#kh").val();

if(obj==null ||obj.bm==''){
$.messager.alert('提示:','请选择转入科室');
 return;
}
var bm=obj.bm;
var parm={"jzlsh":jzlsh,"bm":bm,"kh":kh,"ysbm":ysbm};
$.post('${pageContext.request.contextPath}/mzys/mzys_zkeditExemption.do',parm,
function(msg){
        if(msg.statusCode==200){
            showCenterMsg(msg.message);
        setTimeout("location.href=location.href",1000);
        }else{
                showCenterMsg(msg.message);
              }},"json");
}

function showCenterMsg(msg) {
    $.messager.show({
                title : '信息提示框',
                msg : msg,
                showType : 'fade',
                style : {
                    right : '',
                    bottom : ''
                }
            });
}
</script>

<style type="text/css">

fieldset {
padding:10px;
margin:5px 5px 20px 5px;
border:1px solid #1E7ACE;
background:#fff;
}

fieldset legend {
color:#1E7ACE;
font-weight:bold;
padding:3px 20px 3px 20px;
border:1px solid #1E7ACE;
background:#fff;
}

</style>
<input type="hidden" id="jzlsh"  value="${jzlsh}"/>
<input type="hidden" id="kh"  value="${kh}"/>
<fieldset>
<legend>转科</legend>
<form id="zk" method="post">
    <table cellspacing="5" width="90%">
    <tr>
            <td align="left" width="80px">转入科室: </td>
                <td><select id="ksmc" name="ksmc" style="width:200px;"></select></td>  
            <td align="left" width="80px">医生名称:</td>
             <td><select id="ysmc" name="ysmc" style="width:200px;"></select></td>
        
    <td>
    <a id="zkLinkButton" href="javascript:zk();" class="easyui-linkbutton" data-options="iconCls:'icon-save'" style="margin:5px 0px 0px 3px;">保 存</a>
</td>
</tr>
</table>
</form>
</fieldset>