Html.DropDownListFor() 二级联动 ($.getJSON)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Html.DropDownListFor() 二级联动 ($.getJSON)相关的知识,希望对你有一定的参考价值。

 

Control:

1  public ActionResult GetPositionName(int parentid)    //发布新职位页面中的根据职位类别,获取职位名称
2         {
3             List<Category> categorylist2 = categorymanage.GetCategotyByParentId(parentid);
4             return Json(categorylist2.ToList(), JsonRequestBehavior.AllowGet);
5         }

  

view:

1  <%=html.DropDownListFor(Model=>Model.CATEGORY,(SelectList)ViewBag.Category1 ,"--------请选择--------" ,new { @Style="font-size:18px"}) %>
2                          
3  <%=Html.DropDownListFor(Model => Model.POSITION_NAME, (SelectList)ViewBag.Category2 ,"--------请选择--------" , new { @Style="font-size:18px"})%>

 

jQuery:

 1 <script type="text/javascript">  
 2         $(document).ready(function () {                //根据选择的职位类别,动态获取下属职位名称
 3             $("#CATEGORY").change(function () {
 4                 var url = "/Position/GetPositionName/?parentid=" + $("#CATEGORY").val(); //规则是控制器/方法/参数
 5                 //alert(url);
 6                 $.getJSON(url, function (data) {
 7                     $(‘#POSITION_NAME‘).html(‘‘);
 8                     //alert(‘hello‘);
 9                     $("#POSITION_NAME").append("<option value=‘‘>--------请选择--------</option>")
10                     $.each(data, function (i, item) {
11                         $(‘#POSITION_NAME‘).append("<option value=‘"+item.NAME+"‘>"+item.NAME+"</option>");
12                     });
13                 });
14               
15                
16             });
17         });
18     </script>

实现效果:

技术分享

 

以上是关于Html.DropDownListFor() 二级联动 ($.getJSON)的主要内容,如果未能解决你的问题,请参考以下文章

Razor Html.DropDownListFor 自动设置选中值

一旦我将@Html.DropDownListFor 添加到表单中,Jquery.Validate 就会停止验证任何控件

c# mvc关于@Html. DropDownListFor() 或@Html.EnumDropDownListFor() 设置disabled="disabled" post(代

为什么DropDownListFor的默认值无法正常工作?

Asp.Net MVC中DropDownListFor的用法(转)

ASP.NET @Html.DropDownListFor() 选择的值设置为 true 但提交给控制器时返回 false