如何将两个 mvc 下拉列表与 jQuery 结合起来?

Posted

技术标签:

【中文标题】如何将两个 mvc 下拉列表与 jQuery 结合起来?【英文标题】:How to combine two mvc dropdown lists with jQuery? 【发布时间】:2020-10-30 23:32:13 【问题描述】:

由于我对 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" ))

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

【问题讨论】:

【参考方案1】:

这称为下拉级联。请参考此Dropdown cascading 类似于您的要求。

【讨论】:

啊,所以我必须对控制器进行额外的更改? :-/ 我害怕这个答案 :-D 谢谢,我会看看我能做什么!

以上是关于如何将两个 mvc 下拉列表与 jQuery 结合起来?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用jquery从dot net core mvc中的表中的下拉列表中显示选定的值

asp.net mvc jquery 下拉验证

下拉列表的 jQuery 在布局 ASP.NET MVC 5 中不起作用

如何将选定的下拉列表值与 MVC 中的模型属性进行比较

使用 JSON 结果填充下拉列表 - 使用 MVC3、JQuery、Ajax、JSON 的级联下拉

使用jQuery同时设置两个下拉列表的选定值