MVC 下拉列表根据另一个下拉列表的值进行绑定

Question

我正在尝试编写一个有两个下拉列表的 MVC 网页。第二个列表的内容取决于第一个列表中选择的内容。

似乎没有使用内置 MVC 函数来完成此操作的明确方法，因此我将不得不自己动手。然而，我不清楚获得我需要的所有功能的最佳方法...即“与网络表单相同”:)

我已经以类似于 这个

但是我不知道如何开发这个，以便如果有第一次绑定时第一个列表中的“selected”元素将流过以在页面加载时自动绑定第二个列表。

编辑： 需要明确的是，我能够将过滤列表绑定到第二个下拉列表。但是，如果我的模型包含第一个下拉列表的选择，则选择设置正确，但第二个下拉列表未填充。

（我是否必须声明我对 MVC 很陌生，而 Javascript 对我来说就像某种外星语言？）

Edit2： 我对这个问题思考得更多一些。 显然，我受到开发 Web 表单的时间的强烈影响，而且我还没有完全“了解”MVC。 我认为我确实有一些东西应该在我的模型中捕获（即，如果我已经有设置两个下拉列表的信息，那么我应该以某种方式在控制器中捕获它并构建预设的下拉列表。而不是尝试构建一个“ondatabound”类型方法并让视图调用该方法（这是我最初的意图）...现在我需要去弄清楚如何做到这一点:)

Answer 1

这个< /a> 是我发现的更好的实现之一。 此处也讨论了该问题。

Answer 2

您的任务包含 3 个子任务：

1. 您应该使用所选值在更改第一个 ddl 的选择时使用 ajax 获取第二个 ddl 的项目列表
2. 您应该处理由控制器获取第二个 ddl 的项目列表的操作，并返回具有定义内容的视图第二个 ddl
3. 您应该通过获取处理操作的结果来更新第二个 ddl 的内容

    $(function(){
        $("form #ddl_1").change(function(){
            $.get({ // get request
                   url: "@Url.Action("MyController", "GetList"})" + "/" + $(this).val,
                   success: function(data){ // updating
                       $("form #ddl_2").html(data);
                   }
        })
    });

"GetList" 操作如果您使用默认路由表（或者您需要在自定义路由表中创建特殊记录），则应采用参数“id”并返回带有 ddl2 选项列表的部分视图（没有母版页），如下所示：

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

Answer 3

请参阅此 博客文章，用于在 ASP.NET MVC 中创建级联下拉列表，并具有可下载的源代码。