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>
        }

其他內容根據自己的實際情況添加。