MVC下拉列表取决于另一个下拉列表的值

如何解决MVC下拉列表取决于另一个下拉列表的值

| 我正在尝试编写一个具有两个下拉列表的MVC网页。第二个列表的内容取决于在第一个列表中选择的内容。 似乎没有确定的方法可以使用内置的MVC函数来完成此操作，因此我将不得不自己动手做。但是，我不清楚获得所需的所有功能的最佳方法是……“与webforms相同” ：） 我以类似的方式创建了下拉菜单 但是我不确定如何开发它，以便在第一次绑定时如果第一个列表中有一个'selected \'元素，它将在页面加载时自动通过第二个列表进行绑定。 编辑： 为了清楚起见，我可以将过滤后的列表绑定到第二个下拉列表。但是，如果我的模型包含第一个下拉菜单的选择，则该选择设置正确，但第二个下拉列表未填写。 （我是否必须声明自己对MVC不熟悉，而Java语言对我来说就像是某种外来语言？） 编辑2： 我已经考虑了更多。 显然，我受开发Web表单的时间影响很大，而我还不太“了解” MVC。 我认为确实有一些我应该在模型中捕获的东西（即，如果我已经有了设置两个下拉菜单的信息，那么我应该以某种方式在控制器中捕获并构建预设的下拉菜单。建立一个“ ondatabound \”类型的方法，并进行视图调用（这是我最初的意图）...现在，我需要确定如何做到这一点：）     

解决方法

这是我发现的更好的实现之一。这个问题也在这里讨论。     ,您的任务包含3个子任务： 您应该使用选定的值，在更改第一个ddl的选择时，ajax获取第二个ddl的项目列表 您应该执行以下操作：由控制器获取第二个DDL的项目列表，然后返回包含第二个DDL定义内容的View 您应该通过获取已处理操作的结果来更新第二个ddl的内容

<script type=\"text/javascript\">

    $（function（）{         $（\“ form＃ddl_1 \”）。change（function（）{             $ .get（{//获取请求                    网址：\“ @ Url.Action（\” MyController \“，\” GetList \“}）\” + \“ / \” + $（this）.val，                    成功：function（data）{//更新                        $（\“ form＃ddl_2 \”）。html（data）;                    }         }）     }）;

</script>

如果您使用默认路由表（或者您需要通过自定义在路由表上创建特殊记录）并返回带有ddl2选项列表的部分视图（不包含母版页），则\“ GetList \”操作应采用参数\“ id \” ， 像这样：

<option value=\"1\">First</option>
<option selected value=\"2\">Second</option>
<option value=\"3\">Third</option>

    ,请参阅此博客文章，以使用可下载的源代码在asp.net mvc中创建级联下拉列表。