MVC DropDownLis 二级联动实现

转自：https://bbs.csdn.net/topics/370096159

二级联动：

View： 

<script type="text/javascript">    

    $(function () {       

        $("#drpProvince").change(function () { 

            $("#drpCity").get(0).options.length = 0; //清空

            $.getJSON("/Persons/GetCities/" + $(this).val(), null , function (data) {

                $.each(data, function (i, item) {

                    $("<option></option>").val(item["ID"]).text(item["CityName"]).appendTo($("#drpCity"));

                });

            });

        });

    });

</script>

 

@Html.DropDownList("drpProvince",null,"请选择")

@Html.DropDownList("drpCity", null,"请选择")

 

Action：

 

          public ActionResult Create()

        { 

            List<Provinces> list = db.Provices.ToList();

            ViewData["drpProvince"] = new SelectList(list, "ID", "ProvinceName");

            ViewData["drpCity"] = new List<SelectListItem>();

            return View();

        }

 

        //返回城市列表

        public ActionResult GetCities(int? id)

        {

            List<Cities> list = db.Cities.Where(q => q.ProvincesID == id).ToList();

            if (Request.IsAjaxRequest())

            {

                return Json(list, JsonRequestBehavior.AllowGet);

            }

            else

            {

                return View("");

            }

        }