@Html.DropDownList 联动

最新推荐文章于 2021-07-09 03:42:58 发布

王三水

最新推荐文章于 2021-07-09 03:42:58 发布

阅读量1.4k

点赞数

分类专栏： Asp.net MVC 文章标签： function action url ajax string json

本文链接：https://blog.csdn.net/lchwhy/article/details/7438245

版权

Asp.net MVC 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

--->页面代码：

//脚本代码

     $(function(){
            $("#OneDegree").change(function(){
                var selec = $(this).val(); //获取改变的选项值
                var url = "@Url.Action("TwoDegree", "Ajax")"; //参数依次类型(action,Controller,area）
                $("#Degree").find("option").remove(); //清空
                $.getJSON(url, { 'ParentID': selec }, function (data) {
                    $.each(data, function (i, item) {
                        $("<option></option>").val(item["Value"]).text(item["Text"]).appendTo($("#Degree"));
                    });
                });
            });

</script>

//页面控件

@Html.DropDownList("OneDegree", ViewData["OneDegreelist"] as IEnumerable<SelectListItem>, "--请选择--")
@Html.DropDownList("Degree", ViewData["Degreelist"] as IEnumerable<SelectListItem>, "--请选择--")

-->Controler代码

AjaxController类中：

       public JsonResult TwoDegree(string ParentID)
        {
            var ls = dmxlService.GetDegree(ParentID);
            List<SelectListItem> Items = new List<SelectListItem>();
            Items.Add(new SelectListItem { Value = "", Text = "--请选择--" });
            foreach (DM_XL qy in ls)
            {
                Items.Add(new SelectListItem { Value = qy.Degree.ToString(), Text = qy.mc });
            }
            return Json(Items, JsonRequestBehavior.AllowGet);
        }

页面对应的Controler类中(赋初始值)

List<SelectListItem> items = new List<SelectListItem>();

private IEnumerable<SelectListItem> SelectList { get; set; }

            SelectList = dmxlService.GetOneDegree().Select(n => new SelectListItem
            {
                Value = n.Degree,
                Text = n.mc.ToString(),
            });
            ViewBag.Degree = SelectList;
            ViewBag.ErDegree = items;