素材巴巴 > 程序开发 >

简单的下拉框数据的绑定

程序开发 2023-09-03 15:36:10

1.以下是简单的下拉框数据的绑定案例 如下图

 

2.所需bindSelect.js插件 如下图

 

  1. 视图层代码如下

依次绑定的顺序为:科目类型、系数难度、题目类型、使用单位、最后是知识点

知识点下拉框的实现需通过科目下拉框的改变去触发

$(function () {

        //下拉框数据绑定

        createSelect("Subject", "selectSubject"); //下拉框元素的Id   下拉框数据的Url

        createSelect("Dofd", "selectDofd");

        createSelect("TitleType", "selectTitleType");

        createSelect("Unit", "selectUnit");

     })

  //科目下拉框改变

  function bindPoint() {

            //获取科目ID

            var subjectId = $("#Sunbject").val();

            createSelect("Point", "selectPoint", { subjectId: subjectId });//下拉框元素的Id(多个),下拉框数据的Url,参数

        }

4.用以下查询题目类型为例(在控制器中)通过单表查询

        /// 

        /// 查询题目类型

        /// 

        /// 

        public ActionResult selectTitleType()

        {

            List listTitleType = (from tbTitleType in myModel.SYS_TitleType

                                            select new selectVo

                                            {

                                                value = tbTitleType.TitleTypeID,

                                                text = tbTitleType.TitleType

                                            }).ToList();

            return Json(listTitleType, JsonRequestBehavior.AllowGet);

        }

//selectVo类

  public class selectVo{

        /// 

        /// 选中值

        /// 

        public int value { get; set; }

        /// 

        /// 显示值

        /// 

        public string text { get; set; }

    }

5.最后功能的实现

 


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。