如何将两个 mvc 下拉列表与 jQuery 合并？

Question

由于我是mvc的新手，而且我们的软件开发人员今天不在，所以我需要在这方面寻求帮助。我必须根据下拉列表 1 上的选择来填写下拉列表和下拉列表 2。

@(Html.DropDownListFor(m => m.User.NrLand, Model.CountriesList, "--Select--", new { id="myCountry" }))

这会产生如下所示的下拉列表：

<select>
   <option value="10">Australia</option>
   <option value="20">India</option>
   <option value="30">USA</option>
</select>

现在我有第二个下拉列表，需要根据下拉列表 1 的结果动态填充参数。此时 xxxxx 只是一个占位符，我必须包含所选值（作为 int）来自下拉列表 1.

@(Html.DropDownListFor(m => m.User.NrState, Model.StatesList(xxxxx), "--Select--", new { id="myState" })

应该是

@(Html.DropDownListFor(m => m.User.NrState, Model.StatesList(20), "--Select--", new { id="myState" }))

例如。但是，这怎么可能是即时的呢？

Answer 1

这称为下拉级联。参考这个 Dropdown cascading 与您的要求相似。

How to combine two mvc dropdown lists with jQuery?