动态绑定Select数据下拉框

本文介绍了一个ASP.NET MVC应用中如何实现在选择学院后动态加载相关专业信息的功能。控制器包含两个方法,分别用于获取学院和专业的下拉框数据。当选择学院时,专业下拉框会根据所选学院ID获取对应的专业信息。这个过程涉及到前端和后端的数据交互,实现了UI的动态更新。
摘要由CSDN通过智能技术生成

动态绑定数据信息

未进行任何操作时,所属专业Select是无任何数据信息的
在这里插入图片描述
当给所属学院上选择数据时,所属专业中的内容将会获取到相关的信息内容
在这里插入图片描述
VS控制器代码
先创建查询学院表的内容数据,然后创建查询专业表的数据方法
,通过专业表中学院ID 等于int CollegeID 并选择要获取的内容信息,返回数据

 #region 学院下拉框
        public ActionResult Collegecontent()
        {
            var str = from tbCollege in myModels.CollegeForm
                      select new
                      {
                          id = tbCollege.CollegeID,
                          text = tbCollege.CollegeName
                      };
            return Json(str, JsonRequestBehavior.AllowGet);
        }
        #endregion
        #region 类
        public class Xoins
        {
            public int id { get; set; }
            public string text { get; set; }
        }
        #endregion

        #region 专业下拉框
        public ActionResult Careercontetnsings(int CollegeID)
        {
            var str = from tbCareer in myModels.CareerForm
                      where tbCareer.CollegeID == CollegeID
                      select new
                      {
                          id = tbCareer.CareerID,
                          text = tbCareer.CareerName
                      };
            return Json(str, JsonRequestBehavior.AllowGet);
        }
        #endregion

封装方法-将数据信息绑定至Select上
在这里插入图片描述
调用封装的方法
在这里插入图片描述
获取所属学院Select的ID信息,调用封装的方法将控制器中的int CollegeID对应 获取ID值变量的参数,然后获取
在这里插入图片描述

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值