MVC DropDownList 利用Ajax联动

页面代码：

<td style="text-align: right; width: 100px;">  
    城市/区域：  
</td>  
<td style="width: 170px; text-align: left">  
    <%= Html.DropDownListFor(m => m.City, new SelectList(Test.TestPersistence.TestDao.GetCodeDict(11), "Id", "Name"))%>  
    <%= Html.DropDownListFor(m => m.Region, new SelectList(Test.TestPersistence.TestDao.GetCodeDict(1001), "Id", "Name"))%> 
</td> 

 

javascript代码：ajax的

        <mce:script type="text/javascript">
            $(document).ready(function() {  
                $("#City").change(function() {  
                    var selec = $("#City").val();  
                    $("#Region").get(0).options.length = 0;  
                    $.getJSON("RegionByCity?pid=" + selec, { 'City': selec }, function(data) {  
                        for (var i = 0; i < data.length; i++) {  
                            $("#Region").append("<option value='" + data[i].Id + "'>" + data[i].Name + "</option>");  
                        }  
                    });  
                });  
            });                      
          
    </mce:script>  

control的代码：

1. public ActionResult RegionByCity()  
2. {  
3.     int pid = Convert.ToInt32(Request.QueryString["pid"]);  
4.     CodeDao codeDao = new CodeDao();  
5.     var codeList = codeDao.GetCodes(pid);  
6.     if (Request.IsAjaxRequest())  
7.     {  
8.         return Json(codeList, JsonRequestBehavior.AllowGet);  
9.     }  
10.     else  
11.     {  
12.         return View("");  
13.     }  
14. } 

逻辑层：

1. public IList<Code> GetCodes(int pid)  
2. {  
3.     using (ISession session = sessions.OpenSession())  
4.     {  
5.         IQuery query = session.CreateQuery("from Code c where c.PId =:pid order by Id ");  
6.         query = query.SetInt32("pid", pid);  
7.         return query.List<Code>();  
8.     }  
9. }