MVC DropDownLis 二级联动实现

Posted 2022-08-05 wangdongying

转自：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("");