省市級聯是每個web網站必不可少的部分.這里小弟為大家分享一下在mvc中無刷新的部門職位級聯菜單

首先在view頁面JS代碼:?

?1?<script?type="text/javascript"?src="/Scripts/jquery-1.4.1.min.js"></script>
?2?????<script?language="javascript"?type="text/javascript">
?3?????????$(document).ready(function()?{
?4?????????????$("#DepartmentID").change(function()?{//chang事件
?5?????????????????$("#PositionID").empty();
?6?????????????????var?departmentId?=?$("#DepartmentID").val();
?7?????????????????LoadCity(departmentId);
?8?????????????});
?9?????????});
10?
11?????????function?LoadCity(departmentId)?{//LoadCity
12?
13?????????????$.ajax({
14?????????????????type:?"get",
15?????????????????dataType:?"json",
16?????????????????url:?"LoadPosition.aspx?departmentId="?+?departmentId,
17?????????????????success:?function(msg)?{
18?????????????????????var?data?=?msg;
19?????????????????????$("#PositionID").append("<option?value=''>請選擇</option>");
20?????????????????????for?(var?i?=?0;?i?<?data.length;?i++)?{
21?????????????????????????$("#PositionID").append("<option?value='"?+?data[i].Value?+?"'>"?+?data[i].Text?+?"</option>");
22?????????????????????}
23?????????????????}
24?????????????});
25?????????}
26?? ? ?}

控件代碼 :

<%=Html.DropDownList("DepartmentID", null, new { style = "width:80px;" })%>部門

??<%=Html.DropDownList("PositionID",null, new { style = "width:80px;" })%>?職位

?然后后臺controller中:

?1????public?ActionResult?LoadPosition(string?departmentId)
?2?????????{
?3?????????????if?(!string.IsNullOrEmpty(departmentId))
?4?????????????{
?5?????????????????Department?deptinfo?=?Department.Load(new?Guid(departmentId));
?6?????????????????var?positionlist?=?deptinfo.Instance().PositionList;
?7?????????????????return?Json(new?SelectList(positionlist,?"ID",?"CName"),?JsonRequestBehavior.AllowGet);//返回json字符串
?8?????????????}
?9?????????????else
10?????????????{
11?????????????????List<SelectListItem>?positionlist?=?new?List<SelectListItem>();
12?????????????????return?Json(positionlist,?JsonRequestBehavior.AllowGet);
13?????????????}

14?? ? ? }

?

轉載于:https://www.cnblogs.com/liguanghui/archive/2011/11/08/2240775.html

總結

以上是生活随笔為你收集整理的.net mvc中级联的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。