asp.net两级联动(包含添加和修改)

<script language="javascript" type="text/javascript">
//科目数据初始化
var subcat = new Array();
subcat[0] = new Array('0', '请选择科目', '0');
subcat[1] = new Array('x1', '语文', 'x1yw');
subcat[2] = new Array('x2', '语文', 'x2yw');
subcat[3] = new Array('x3', '语文', 'x3yw');
subcat[4] = new Array('x4', '语文', 'x4yw');
subcat[5] = new Array('x5', '语文', 'x5yw');
subcat[6] = new Array('x6', '语文', 'x6yw');
subcat[7] = new Array('c5', '语文', 'c5yw');
subcat[8] = new Array('c6', '语文', 'c6yw');
subcat[9] = new Array('c7', '语文', 'c7yw');
subcat[10] = new Array('g1', '语文', 'g1yw');
subcat[11] = new Array('g3', '语文', 'g3yw');
subcat[12] = new Array('g4', '语文', 'g4yw');
subcat[13] = new Array('x1', '数学', 'x1sx');
subcat[14] = new Array('x2', '数学', 'x2sx');
subcat[15] = new Array('x3', '数学', 'x3sx');
subcat[16] = new Array('x4', '数学', 'x4sx');
subcat[17] = new Array('x5', '数学', 'x5sx');
subcat[18] = new Array('x6', '数学', 'x6sx');
subcat[19] = new Array('c5', '数学', 'c5sx');
subcat[20] = new Array('c6', '数学', 'c6sx');
subcat[21] = new Array('c7', '数学', 'c7sx');
subcat[22] = new Array('g1', '数学', 'g1sx');
subcat[23] = new Array('g3', '数学', 'g3sx');
subcat[24] = new Array('g4', '数学', 'g4sx');
subcat[25] = new Array('x1', '英语', 'x1yy');
subcat[26] = new Array('x2', '英语', 'x2yy');
subcat[27] = new Array('x3', '英语', 'x3yy');
subcat[28] = new Array('x4', '英语', 'x4yy');
subcat[29] = new Array('x5', '英语', 'x5yy');
subcat[30] = new Array('x6', '英语', 'x6yy');
subcat[31] = new Array('c5', '英语', 'c5yy');
subcat[32] = new Array('c6', '英语', 'c6yy');
subcat[33] = new Array('c7', '英语', 'c7yy');
subcat[34] = new Array('g1', '英语', 'g1yy');
subcat[35] = new Array('g3', '英语', 'g3yy');
subcat[36] = new Array('g4', '英语', 'g4yy');
subcat[37] = new Array('c5', '物理', 'c5wl');
subcat[38] = new Array('c6', '物理', 'c6wl');
subcat[39] = new Array('c7', '物理', 'c7wl');
subcat[40] = new Array('g1', '物理', 'g1wl');
subcat[41] = new Array('g3', '物理', 'g3wl');
subcat[42] = new Array('g4', '物理', 'g4wl');
subcat[43] = new Array('c5', '化学', 'c5hx');
subcat[44] = new Array('c6', '化学', 'c6hx');
subcat[45] = new Array('c7', '化学', 'c7hx');
subcat[46] = new Array('g1', '化学', 'g1hx');
subcat[47] = new Array('g3', '化学', 'g3hx');
subcat[48] = new Array('g4', '化学', 'g4hx');
subcat[49] = new Array('c5', '政治', 'c5zz');
subcat[50] = new Array('c6', '政治', 'c6zz');
subcat[51] = new Array('c7', '政治', 'c7zz');
subcat[52] = new Array('g1', '政治', 'g1zz');
subcat[53] = new Array('g3', '政治', 'g3zz');
subcat[54] = new Array('g4', '政治', 'g4zz');
subcat[55] = new Array('c5', '历史', 'c5ls');
subcat[56] = new Array('c6', '历史', 'c6ls');
subcat[57] = new Array('c7', '历史', 'c7ls');
subcat[58] = new Array('g1', '历史', 'g1ls');
subcat[59] = new Array('g3', '历史', 'g3ls');
subcat[60] = new Array('g4', '历史', 'g4ls');
subcat[61] = new Array('c5', '生物', 'c5sw');
subcat[62] = new Array('c6', '生物', 'c6sw');
subcat[63] = new Array('c7', '生物', 'c7sw');
subcat[64] = new Array('g1', '生物', 'g1sw');
subcat[65] = new Array('g3', '生物', 'g3sw');
subcat[66] = new Array('g4', '生物', 'g4sw');
subcat[67] = new Array('c5', '地理', 'c5dl');
subcat[68] = new Array('c6', '地理', 'c6dl');
subcat[69] = new Array('c7', '地理', 'c7dl');
subcat[70] = new Array('g1', '地理', 'g1dl');
subcat[71] = new Array('g3', '地理', 'g3dl');
subcat[72] = new Array('g4', '地理', 'g4dl');
subcat[73] = new Array('x1', '其它', 'x1qt');
subcat[74] = new Array('x2', '其它', 'x2qt');
subcat[75] = new Array('x3', '其它', 'x3qt');
subcat[76] = new Array('x4', '其它', 'x4qt');
subcat[77] = new Array('x5', '其它', 'x5qt');
subcat[78] = new Array('x6', '其它', 'x6qt');
subcat[79] = new Array('c5', '其它', 'c5qt');
subcat[80] = new Array('c6', '其它', 'c6qt');
subcat[81] = new Array('c7', '其它', 'c7qt');
subcat[82] = new Array('g1', '其它', 'g1qt');
subcat[83] = new Array('g3', '其它', 'g3qt');
subcat[84] = new Array('g4', '其它', 'g4qt');
//选择年级
function ChangeGrade(obj,id)
{
var oObj = document.getElementById(id);
oObj.length = 0;
for(i=0; i<subcat.length; i++)
{
if(subcat[i][0] == obj)
{
oObj.options[oObj.length] = new Option(subcat[i][1], subcat[i][2]);
}
}
}
//修改页面科目数据加载
function LoadingCourse()
{
var SubjectSelect = "<%=SubjectSelect %>";
var GradeSelect = "<%=GradeSelect %>";
if(SubjectSelect != "")
{
LoadingSubject(GradeSelect, 'Course', SubjectSelect);
}
}
function LoadingSubject(obj,id, sid)
{
var slt = document.forms[0].elements["id"];
var oObj = document.getElementById(id);
oObj.length = 0;
oObj.options[0] = new Option('全部科目', '0');
for(i=0; i<subcat.length; i++)
{
if(subcat[i][0] == obj)
{
oObj.options[oObj.length] = new Option(subcat[i][1], subcat[i][2]);
if(subcat[i][2] == sid)
{
oObj.options[oObj.length-1].selected = true;
}
}
}
}
</script>
<body onload="LoadingCourse();">
<select name="Grade" id="Grade" class="input" onchange="ChangeGrade(this.value,'Course')">
<option value="0">请选择年级</option>
<option value="x1" <%=GradeSelect == "x1" ? "selected":"" %>>一年级</option>
<option value="x2" <%=GradeSelect == "x2" ? "selected":"" %>>二年级</option>
<option value="x3" <%=GradeSelect == "x3" ? "selected":"" %>>三年级</option>
<option value="x4" <%=GradeSelect == "x4" ? "selected":"" %>>四年级</option>
<option value="x5" <%=GradeSelect == "x5" ? "selected":"" %>>五年级</option>
<option value="x6" <%=GradeSelect == "x6" ? "selected":"" %>>六年级</option>
<option value="c5" <%=GradeSelect == "c5" ? "selected":"" %>>七年级</option>
<option value="c6" <%=GradeSelect == "c6" ? "selected":"" %>>八年级</option>
<option value="c7" <%=GradeSelect == "c7" ? "selected":"" %>>九年级</option>
<option value="g1" <%=GradeSelect == "g1" ? "selected":"" %>>高一</option>
<option value="g3" <%=GradeSelect == "g3" ? "selected":"" %>>高二</option>
<option value="g4" <%=GradeSelect == "g4" ? "selected":"" %>>高三</option>
</select>
<select name="Course" id="Course" class="input">
<option value="0">请选择年级</option>
</select>
</body>
//C#代码
protected void Page_Load(object sender, System.EventArgs e)
{
public string GradeSelect = String.Empty;
public string SubjectSelect = String.Empty;
if (!(IsPostBack))
{
GradeSelect = Request.QueryString["Grade"];
SubjectSelect = Request.QueryString["Course"];
}
}

(0)

相关推荐

  • ASP.NET Ajax级联DropDownList实现代码

    了解级联DDL 那么考虑以下几种常见情景: · 用户注册时需要选择国家.省.市.地区等. · 用户购买产品时选择产品类别.产品名称.产品型号. 以上的例子有一些共同特点: · 上一级(如省)选择后下一级(如市)才可以选择. · 下一级的内容由上一级的内容决定. 像这样的一组DropDownList就是级联DDL.常见的解决方法是将带有层次的数据写入XML,然后设置DropDownList的AutoPostBack属性为"True"开启自动回调,最后处理SelectedIndexChan

  • asp.net省市三级联动的DropDownList+Ajax的三种框架(aspnet/Jquery/ExtJs)示例

    本文主要列举了省市三级联动的DropDownList+Ajax的三种框架(aspnet/Jquery/ExtJs)示例.前段时间需要作一个的Web前端应用,需要用多个框架,一个典型的应用场景是省市三级联动,基于此应用,特将三种主要的ajax框架略作整理,方便有需要的朋友查阅. 在示例之前,我们先设置一个演示数据源,新建一个项目,项目结构如图: 主要文件如下:AreaModel.cs: 复制代码 代码如下: using System; using System.Collections.Generi

  • asp.net下使用AjaxPro实现二级联动代码

    复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %> <!DOCTYPE html PUBLIC "-//W3C//Dtd XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1

  • jQuery+Asp.Net实现省市二级联动功能的方法

    本文实例讲述了jQuery+Asp.Net实现省市二级联动功能的方法.分享给大家供大家参考,具体如下: 页面html: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="ddlAjax.aspx.cs" Inherits="ThreeAjaxDrop_ddlAjax" %> <!DOCTYPE html PUBLIC "-//W3C//D

  • ASP.NET MVC下拉框联动实例解析

    两个DropDownList的联动,选择其中一个DropDownList,然后加载数据到另外的一个DropDownList上           这里,我打算实现的需求是:有两个DropDownList,一个默认加载所有的省份数据,然后,当我选择省份的时候,把对应的市的数据,绑定到另外一个DropDownList上面,即实现了联动. 好了,这里不打算使用EF了,换用ADO.NET.首先新建好数据库,表: USE master GO IF EXISTS (SELECT * FROM sysdata

  • asp.net DropDownList 三级联动下拉菜单实现代码

    复制代码 代码如下: if (!IsPostBack) { //一级分类列表 this.DropDownList1.DataSource = dsbb.SelectSubjct1(); this.DropDownList1.DataTextField = "cName"; this.DropDownList1.DataValueField = "Ccode"; this.DropDownList1.DataBind(); this.DropDownList1.Ite

  • 适用与firefox ASP.NET无刷新二级联动下拉列表

    可能"极好的"又会带来很多的非议,但是我认为这确实很好,我看了大约20个无刷新的连动下拉列表,他们在firefox下面就一团糟.为了这个我差不多搞了两天,就是如果提交窗体后如何保持第二个列表框的值,因为通过js 给下拉框添加条目那么他的状态是不会被保存的测试平台:ie6,firefox 功能:二级无刷新连动 特点:跨浏览器;提交窗体取第二下拉框的值;数据来源于数据库;以xmlhttp来发送请求,实现无刷新 请求:如果您能够找到更好的方法请告诉我,非常感谢,您的批评和建议对我是莫大的鼓励

  • ASP.NET中DropDownList和ListBox实现两级联动功能

    DropDownList和ListBox实现两级联动功能,它们可以将从后台数据库中搜选的出来的信息加以绑定,这里要实现的功能是在DropDownList中选择"省",然后让ListBox自动将其省份下的"市"显示出来,这就是所谓的两级联动功能,这个功能我们在很多注册网页上看见,今天就为大家解开ASP.NET神秘的面纱. 一.设置前台界面,在Web窗体中添加DropDownList和ListBox两个控件. 界面图如下所示. 二.编写后台代码 在这,后台代码编写在其窗

  • ASP.NET实现级联下拉框效果实例讲解

    用ASP.NET控件实现部门和员工的联动,参考过程如下 效果图: Default.aspx代码: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/199

  • asp.net DropDownList实现二级联动效果

    最近在做新闻发布系统的时候,用到了二级联动,我把使用方法记录下来,以便日后查阅以及帮助新手朋友们.下面是效果图: 下面来讲解一下实现的方法: 1.在.aspx页面中,拖入两个DroDownList控件.代码如下: <tr> <td>新闻风格:</td> <td><asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True&q

随机推荐