c# mvc 中 dropdownlist 的数据联动绑定

在填完一个值时，或者选择一个值时，需要另一个值也跟着改变。如果跟随改变的值是一个值，很好解决。

 

但是如果是一组值，该如何做呢？

 

很多时候，一组值，我们会选择用dropdownlist控件来盛放。

 

话题转移到 如何即时的改变dropdownlist的值呢？

 

这里用ajax来实现。

 

首先，我们是要获得主动改变的那个值，放到变量 mianVar中。

 

接着，用ajax的方法提交到后台处理。方法如下：

 

$.ajax({

            type: "POST",

            url: '<%= Url.Action("MethodName", "ControllerName")%>',

            data: ({ MAINVAR: mianVar}),

            async: true,

            success: function(msg) {

                if (msg != null) {

                    $("#dropdownlistId").empty();

                    $.each(msg, function(i, item) {

                        $("<option></option>")

                            .val(item["name"])

                            .text(item["value"])

                            .appendTo($("#dropdownlistId"));

                    });

                }

            }

        }).responseText;

 

这个时候或许会很纳闷后台将如何处理呢？

 

其实，很简单，得到一个我想要的list就好了。只要满足这个list能赋给dropdownlist控件就ok。

 

后台返回出正确的数据时，这个想要的效果就实现了。

 

注意：后台的MethodName方法需要加上[HttpPost]，list中要有name,value两列名。

 

多个dropdownlist联动类推。