Как я могу заполнить выпадающий список на основе выбранного значения другого выпадающего списка? MVC

Question

В настоящее время я пытаюсь заполнить значения для модели автомобиля на основе выбранной марки в раскрывающемся списке. Я новичок в кодировании, поэтому я не уверен, в чем моя ошибка. Проект не выдаёт мне никаких ошибок, но при выборе марки я ничего не отображаю.

Это мой частичный вид, который я добавляю в свой Create View.

@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 вы пытаетесь создать каскадный выпадающий список. Так что для легкого понимания вы можете проверить ссылку ниже. Содержит подробную информацию для контроллера и View с Jquery part.

Пожалуйста, перейдите по этой ссылке: Каскадный выпадающий список с MVC И AJAX