Html.DropDownListFor() 二级联动 ($.getJSON)
2016-03-04 00:00
656 查看
Control:
view:
jQuery:
实现效果:
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>
实现效果:
相关文章推荐
- JavaScript 单元测试框架:Jasmine 初探
- json因嵌套产生死循环
- Error: Cannot find module 'core-js/library/fn/get-
- 两种方式实现js, ajax跨域
- javascript的自带对象
- JS学习笔记:JavaScript匿名函数与闭包(closure)
- angular.js 动态插入删除dom节点
- jstat
- 有关JSon的用法
- JavaScript学习笔记——数据类型
- JS里获取到for循环中i的实时值。
- javascript 美术馆
- JSONP跨域原理及示例
- Jsp如何实现网页的重定向
- JavaScript王者归来04
- javascript 构造函数中的属性与原型上属性优先级的比较
- 一个小画板(使用canvas)
- JS操作select标签
- javascript学习----关于字符串类的隐性转换
- 我的第一篇jsp文章