刚接触MVC,在网上找资料勉强做了DropDownList的下拉列表,从数据库读取数据,现在需要一个二级联动的程序,求位大神指点MVCAsp.Net二级联动

解决方案 »

  1.   

    http://home.cnblogs.com/group/topic/9741.htmlhttp://leelei.blog.51cto.com/856755/347636
      

  2.   

    后台
     public ActionResult GetCity(string id)
            {
                return Json(db.GetList<City>("ProvinceID = " + id), JsonRequestBehavior.AllowGet);
            }        public ActionResult GetDistrict(string id)
            {
                return Json(db.GetList<District>("CityID = " + id),JsonRequestBehavior.AllowGet);
            }
      

  3.   

    前台页面
    <script type="text/javascript">
            $(function () {
                //选择省
                $("#proSel").change(function () {
                    $("#citySel").empty();//清空select                $.getJSON("/Login/GetCity/" + $("#proSel").val(), function (data) {
                        $.each(data, function (i, item) {
                            $("<option></option>").val(item["CityID"]).text(item["CityName"]).appendTo($("#citySel"));
                        })
                        //
                        $("#disSel").empty();//清空select                    $.getJSON("/Login/GetDistrict/" + $("#citySel").val(), function (data) {
                            $.each(data, function (i, item) {
                                $("<option></option>").val(item["DistrictID"]).text(item["DistrictName"]).appendTo($("#disSel"));
                            })
                        })
                    })
                })
                //选择城市
                $("#citySel").change(function () {
                    $("#disSel").empty();//清空select                $.getJSON("/Login/GetDistrict/" + $("#citySel").val(), function (data) {
                        $.each(data, function (i, item) {
                            $("<option></option>").val(item["DistrictID"]).text(item["DistrictName"]).appendTo($("#disSel"));
                        })
                    })
                })
            })
        </script>