如何根据另一个dropdownlist的选定值填充dropdownlist？MVC

Question

我目前正在尝试基于下拉列表中所选的make来填充汽车模型的值。我是编程新手，所以我不确定我的错误是什么。项目没有给我任何错误，但当我选择make时，没有显示任何值。

这是我要添加到创建视图中的部分视图。

@model IgnitionHubPractice.Models.MakeModelDorpdownView

<div class="form-horizontal">
    <div class="form-group">
        @if (ViewBag.MakeList != null)
        {
            @Html.DropDownListFor(m => m.MakeID, ViewBag.MakeList as SelectList, "--Select Make--", new { @class = "form-control" })
        }
    </div>
    <div class="form-group">
        @Html.DropDownListFor(m => m.ModelID, new SelectList(" "), "--Select Model--", new { @class = "form-control" })
    </div>
</div>

<script>
    $(document).ready(function () {
        $("#MakeID").change(function () {
            $.get("/Cars/GetModelList",{ MakeID: $("MakeID").val() }, function (data) {
                $("#ModelID").empty();
                $.each(data, function (index, row) {
                    $("#ModelID").append("<option value ='" + row.ModelID + "' >" + row.Name + </option>")
                });
            });
        })
    });
</script>

这是我的控制器

        public ActionResult Create([Bind(Include = "CarID,Year,Color,Mileage,Cost,MarketValue,BodyType,Drive,Notes,Available,VinNumber,CarLotID,ModelID")] Car car, [Bind(Include ="MakeID,Name")] Make make)
    {


        if (ModelState.IsValid)
        {
            db.Cars.Add(car);
            db.SaveChanges();
            return RedirectToAction("Index");
        }
        List<Make> MakeList = db.Makes.ToList();
        ViewBag.MakeList = new SelectList(db.Makes, "MakeID", "Name", make.MakeID);
        ViewBag.ModelID = new SelectList(db.Models, "ModelID", "Name", car.ModelID);
        ViewBag.CarLotID = new SelectList(db.CarLots, "CarLotID", "LotName", car.CarLotID);
        return View(car);
    }
        public JsonResult GetModelList(int MakeID)
    {
        db.Configuration.ProxyCreationEnabled = false;
        List<Model> ModelList = db.Models.Where(x => x.MakeID == MakeID).ToList();
        return Json(ModelList, JsonRequestBehavior.AllowGet);
    }

请帮忙，提前谢谢。

Answer 1

在MVC中，您可以尝试创建级联下拉菜单。因此，为了便于理解，您可以查看以下链接。它包含了控制器和视图的详细信息和Jquery部分。

请访问此链接：Cascading Drop down List With MVC And AJAX