dropdownlist 二级联动

 protected void Page_Load(object sender, EventArgs e)
    {
        if (!Page.IsPostBack)
        {
            GradeBind();
        }

    }

    //绑定年级
    private void GradeBind()
    {
        Rubric.BLL.Grades myBll = new Rubric.BLL.Grades();
        ddlGrade.DataSource = myBll.GetAllList();
        ddlGrade.DataTextField = "Name";
        ddlGrade.DataValueField = "GradeId";
        ddlGrade.DataBind();
    }
    //ddlGrade的selectindexchanged事件
    protected void ddlGrade_SelectedIndexChanged(object sender, EventArgs e)
    {
        string _gradeId = ddlGrade.SelectedValue.ToString();
        string _str = "GradeId=‘" + _gradeId + "‘";
        Rubric.BLL.Courses myBll = new Rubric.BLL.Courses();
        DataSet ds = myBll.GetList(_str);
        ddlCourse.DataSource = ds;
        ddlCourse.DataTextField = "Name";
        ddlCourse.DataValueField = "CourseId";
        ddlCourse.DataBind();
    }
时间: 2024-12-21 19:55:27

dropdownlist 二级联动的相关文章

Asp.Net下,基于Jquery的Ajax二级联动

最近做一个项目,要求实现二级联动效果.背景为:通过学院的选择,联动出专业选项.起初想直接用微软的控件实现Ajax效果,但是DropDownList控件会自动触发PostBack,在后台根本就不好控制,所以抛弃这种方案,用Jquery实现Ajax效果.直接上代码,简单直观. 1.前端页面(这里给出页面二级联动示意,分别为两个select) <select name="xsxy" id="xsxy"> <option>-- 请选择学院名称 --&

MVC DropDownLis 二级联动实现

转自:https://bbs.csdn.net/topics/370096159 二级联动: View:  <script type="text/javascript">         $(function () {                $("#drpProvince").change(function () {              $("#drpCity").get(0).options.length = 0; /

Ajax实现的城市二级联动二

上一篇联动一种只是城市用ajax请求获取并渲染,这里将省份也用ajax请求并渲染 1.HTML <select id="province"> <option>请选择</option> </select> <select id="city"> <option>请选择</option> </select> 2.JS /* * 省份信息和城市信息全部来源于服务器端 * * 第一

ajax实现二级联动

用js实现简单的ajax二级联动(如上图) HTML代码: 1 省份:<select id="province" onchange="getCity();" > 2 <option>请选择--</option> 3 </select> 4 城市:<select id="city"> 5 <option>请选择--</option> 6 </select>

二级联动列表

<!DOCTYPE HTML><html><head><title>二级联动列表</title><meta charset="utf-8" /><style> .hide{ display: none; }</style><script> /*实现“省”和“市”的级联下拉列表*/ var cities=[[], /*0号下标没有元素*/[{"name":'东城

JS实现省市二级联动

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF

Query实例的ajax应用之二级联动的后台是采用php来做的

jQuery实例的ajax应用之二级联动的后台是采用php来做的,前台通过jquery的ajax方式实现二级联动数据库表设计 csj_trade id int(11) auto_increment          tname varchar(100)tradeType int(11) 其中,id为主键自动索引,tname为行业名称,tradeType为一个标识,为0时,表示这条数据是大类:不为0,而是某个数字的时候,则这个数字表示其父级的id.(1)主页面 <script type="t

(实用篇)jQuery+PHP+MySQL实现二级联动下拉菜单

二级联动下拉菜单选择应用在在很多地方,比如说省市下拉联动,商品大小类下拉选择联动.本文将通过实例讲解使用jQuery+PHP+MySQL来实现大小分类二级下拉联动效果. 先看下效果 大类:  前端技术   程序开发   数据库   小类: 实现的效果就是当选择大类时,小类下拉框里的选项内容也随着改变.实现原理:根据大类的值,通过jQuery把值传给后台PHP处理,PHP通过查询MySQl数据库,得到相应的小类,并返回JSON数据给前端处理. XHTML 首先我们要建立两个下拉选择框,第一个是大类

jQuery二级联动

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>二级联动</title> <script src="js/jquery-1.7.1.js"></script> <style> </style> <script type="