C#MVC使用LayUI实现下拉框二级联动的功能

//LayUI渲染以及启动模块
  layui.use(['form', 'layedit', 'laydate'], function () {
    var form = layui.form,//获取form模块
    layer = layui.layer,//获取layer模块
    layedit = layui.layedit,//获取layedit模块
    laydate = layui.laydate,//获取laydate模块
    $ = layui.$;

/// 

  /// 获取部门信息
  /// 
  [HttpPost]
  public JsonResult GetDeplist()
  {
   using (ERPEntities db = new ERPEntities())
   {
    db.Configuration.ProxyCreatiOnEnabled= false;//关闭EF的默认加载
    var Deplist = db.dep.ToList();
    //将数据Json化并传到前台视图
    return Json(new { data = Deplist }, JsonRequestBehavior.AllowGet);
   }
  }

  　 /// 

   /// 通过部门ID来获取角色
   /// 
   /// 部门ID
   /// 
   [HttpPost]
  public JsonResult GetRolelist(int dep_id)
  {
   using (ERPEntities db = new ERPEntities())
   {
    db.Configuration.ProxyCreatiOnEnabled= false;//关闭EF的默认加载
    var Roles = db.role.Where(r => r.dep_id == dep_id).ToList();//通过部门ID 查找到对应的角色
    List item = new List();
    foreach (var Role in Roles)
    {
     item.Add(new SelectListItem { Text = Role.name, Value = Role.role_id.ToString() });
    }
    //将数据Json化并传到前台视图
    return Json(new { data = item }, JsonRequestBehavior.AllowGet);
   }
  }

 

  部门：
  

   
    ——请选择部门——
   
  
  角色：
  

   
    ——请选择角色——