由以前的SelectList值确定的SelectList值

Question

要实现第二个依赖于第一个的两个selectLists，我需要了解什么？选择用于过滤引擎大小的make。这将最终返回carDetails

​

​

public IActionResult Create()
{
      ViewData["MakeId"] = new SelectList(_context.Sport, "MakeId", "MakeName");
      ViewData["EngineId"] = new SelectList(_context.Venue, "EngineId", "EngineName");

      return View();
}

我已经研究过"where“函数，但无法看到如何使它与此场景一起工作。

视图当前使用"cshtml“(Razor)文件。内容的一个例子是：

  <div class="form-group">
                <label asp-for="MakeId." class="control-label"></label>
                <select asp-for="MakeId" class="form-control" asp-items="ViewBag.MakeId"></select>
  </div>

Answer 1

可以通过在页面加载时填充一个选择列表来完成这一任务。然后，您可以允许用户选择您想要的内容，并在调用javascript函数的下拉列表上有一个onChange()。

现在可以使用ajax调用来调用控制器并获取数据以填充第二个下拉列表。

下拉列表的HTML应该如下所示：

            <select class="form-control" data-val="true" id="AN ID" name="A NAME (NOT NEEDED)"></select>

在ajax调用的成功部分，您可以这样做：

            //Create a markup for a select
            var markup = "<option Value='0'>Select option</option>";

            //Populate the markup
            for (var i = 0; i < result.length; i++) {
                markup += "<option Value=" + result[i].Value + ">" + result[i].Text + "</option>";
            }

            //Populate dropdown with value
            $("#//DROPDOWNLIST ID").html(markup).show();

这将允许您按顺序填充下拉列表。