juqery easy ui 实现二级菜单联动

实现效果

代码：

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <script type="text/javascript">
        $(document).ready(function () {
            //保存附件（新增/修改）
            $("#btnSave").click(function () {
                $("#BackReason").attr("value", $('#SecBackReason').combogrid("getValue"));
                $("#DetailReason").attr("value", $('#SecDetailReason').combogrid("getValue"));
                $("#form1").attr("action", "ClientInterCourseAdd");
                $("#form1").submit();

                // 如果是协同则还要发送邮件
                if ($('#interType').combogrid("getValue") == "11") {


                    var to = $("#interTypeMail").val();
                    var body = $('#SecBackReason').combogrid("getText");
                    $.ajax({
                        type: "POST",
                        url: "/Mail/MailAdd?level=1&spType=1&drpMailTo=" + to,
                        data: "To=" + to + "&Subject="+body+"&Body=" + body,
                        success: function (msg) {
                            alert("Data Saved: " + msg);
                        }
                    });
                }


            });


            // 显示二级菜单
            $('#interType').combobox({
                onChange: function (newValue, oldValue) {

                    // 专家咨询
                    if (newValue == "3") {
                        var id = $('#ID').val();
                        var url = "/Client/AddExpertConsult?interCourseID=" + id;
                        ws.base.showDialog({ url: url,  "700px", height: "450px" });
                    }
                    else {
                        $('#SecBackReason').combobox({
                            url: '/Client/GetCodeListByType1?type=Package&id=' + newValue,
                            valueField: 'DetailCode',
                            textField: 'DetailName'
                        });
                    }

                }
            });
            // 显示三级菜单
            $('#SecBackReason').combobox({
                onChange: function (newValue, oldValue) {
                    $('#SecDetailReason').combobox({
                        url: '/Client/GetCodeListByType2?type=Commissioner&id=' + newValue,
                        valueField: 'DetailCode',
                        textField: 'DetailName'
                    });
                }
            });


        });
        
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <form id="form1" runat="server">
    <input type="hidden" id="hfDisease" name="DiseaseArr" />
    <input type="hidden" id="hfProduct" name="ProductArr" />
    <input type="hidden" id="hfMg" name="MGArr" />
    <input type="hidden" id="hfGnc" name="GncArr" />
    <input type="hidden" id="ckbox" />
    <div class="body-wrap">
        <div class="title clearfix">
            <div class="popup">
                <div class="title clearfix" id="tbTop">
                    <div class="f-left">
                        <span class="icon-arrow iblk"></span><span class="iblk text">客户交流记录新增</span></div>
                </div>
                <div class="table" style=" 100%">
                    <table style=" 100%">
                        <colgroup>
                            <col width="80" />
                            <col width="170" />
                            <col width="80" />
                            <col width="170" />
                            <col width="80" />
                            <col width="170" />
                        </colgroup>
                        <tbody>
                            <tr>
                                <td class="title" align="right">
                                    交流方法：
                                </td>
                                <td align="left">
                                    <input id="ID2" name="ID2" type="hidden" value="00000000-0000-0000-0000-000000000000" />
                                    <%:Html.HiddenFor(model=>model.ClientID) %>
                                    <%:Html.HiddenFor(model=>model.ID) %>
                                    <%:Html.Hidden("interTypeMail", WS.Base.App.Business.CodeBusiness.GetCode("interTypeMail",
                                                                                "1").DetailName)%>
                                    <%:Html.DropDownList("InterMethod", WS.Base.App.Business.CodeBusiness.GetCode("interMethod",
                                                                                "", true), new { @class = "easyui-combobox", style = "150px;", panelHeight = "auto" })%>
                                </td>
                                <td class="title" align="right">
                                    交流时间:
                                </td>
                                <td align="left">
                                    <%:Html.TextBoxFor(model=>model.InterTime)%>
                                </td>
                                <td class="title" align="right">
                                    交流时长：
                                </td>
                                <td align="left">
                                    <%:Html.TextBoxFor(model => model.InterTimeLen)%>
                                </td>
                            </tr>
                            <tr>
                                <td class="title" align="right">
                                    交流类型：
                                </td>
                                <td align="left" colspan="6">
                                    <%:Html.DropDownList("interType", WS.Base.App.Business.CodeBusiness.GetCode("interType",
                                                                                "", true), new { @class = "easyui-combobox", style = "150px;", panelHeight = "auto" })%>
                                    <input id="SecBackReason" name="language" style="display: none;" />
                                    <%: Html.HiddenFor(model=>model.BackReason) %>
                                    <input id="SecDetailReason" name="language" style="display: none;" />
                                    <%: Html.HiddenFor(model=>model.DetailReason) %>
                                </td>
                            </tr>
                            <tr>
                                <td class="title" align="right">
                                    备注：
                                </td>
                                <td>
                                    <textarea rows="2" cols="5" id="remark" style=" 600px;" class="text-box"></textarea>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <br />
                    <br />
                </div>
            </div>
            <div style="text-align: center; padding-top: 6px">
                <a href="#" class="btn"><span class="in">
                    <input type="button" value="保存" id="btnSave" name="btnSave" /></span></a> <a href="#"
                        class="btn"><span class="in">
                            <input type="button" id="btnClose" style=" 60px" onclick="window.close();"
                                value="取消" /></span></a>
            </div>
            <div style="height: 22px;">
            </div>
        </div>
    </div>
    </form>
</asp:Content>