MVC Jquery 实现多个select 无刷新联动

直接上案例代码：

View  ：

         $("#select1").change(function () {
            var no = $("#no").val();
            var name = $("#select1").val();
            $.ajax({
                type: "POST",//提交方式
                url: "/User/GetUser",//获取数据的函数
                data: "no=" + no + "&name=" + name,//查询条件
                error: function () { alert("服务器异常") },//查询失败
                success: function (data) {//查询成功,data为返回的数据
                    $("#user option").remove();//user为要绑定的select，先清除数据
                    $.each(data, function (i, item) {
                        $("#user").append("<option value=" + item.Value + ">" + item.Text + "</option>");//赋值
                    });
                }
            });
        });

因为使用了Jquery，所以首先要先引用jquery.......js  版本多种

Controller：

        public JsonResult GetUser(string no, string name)
        {
            SystemHelper sys = new SystemHelper();
            return Json(sys.getUser(no, name));//返回的是个Json类型的数据，其中getUser的数据返回类型为List<SelectListItem>
        }

其他内容根据自己的实际情况添加。