Asp.net 2.0 一个简单的联动DropDownList示例(示例代码下载)

本文介绍了一种在ASP.NET中实现下拉列表联动的方法,通过使用特定组件,可以实现在选择不同项时,相关联的下拉列表内容随之变化的功能。提供了完整的页面前台和后台代码,展示了如何设置联动逻辑及数据绑定。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

说明: 偶发现个比较好的联动组件, 控件从网上找的, 比较好用,如下:

(一). 示例图片
(二). 详细代码
1. 页面前台代码
1 < body >
2 < formid = " form1 " runat = " server " >
3 < div >
4 & nbsp; & nbsp; < asp:PanelID = " Panel2 " runat = " server " BackColor = " #FFC080 " Font - Size = " X-Large "
5 ForeColor = " #C04000 " Height = " 50px " Width = " 387px " >
6 DropDownList联动示例: </ asp:Panel >
7 < asp:PanelID = " Panel1 " runat = " server " BackColor = " #C0C0FF " Height = " 170px " Width = " 387px " >
8 < br />
9 请选择类别: < br />
10 < br />
11 & nbsp;
12 < asp:DropDownListID = " ddl1 " runat = " server " >
13 </ asp:DropDownList >& nbsp;
14 < asp:DropDownListID = " ddl2 " runat = " server " >
15 </ asp:DropDownList >& nbsp;
16 < asp:DropDownListID = " ddl3 " runat = " server " >
17 </ asp:DropDownList >& nbsp; & nbsp; < br />
18 < br />
19 & nbsp;
20 < C1:RelatedListid = " rl1 " runat = " server " ></ C1:RelatedList >
21 < asp:ButtonID = " btOK " runat = " server " OnClick = " Button1_Click " Text = " 取值 " Width = " 67px " />
22 </ asp:Panel >
23 </ div >
24 </ form >
25 </ body >
26

2.页面后台代码

1 protected void Page_Load( object sender,EventArgse)
2 {
3if(!Page.IsPostBack)
4{
5ArrayListCategory=newArrayList();
6Category.Add("ddl1");
7Category.Add("ddl2");
8Category.Add("ddl3");
9
10//Method1.指定XML文件路径
11rl1.DataSource=@"Category.xml";
12
13/**/////Method2.指定数据源为DataSet对象
14//DataSetds=newDataSet();
15//ds=GetData();
16//rl1.DataSource=ds;
17
18
19rl1.ListID=Category;
20rl1.DataBind();
21
22}

23}

24 private DataSetGetData()
25 {
26DataSetds=newDataSet();
27DataTabledt=newDataTable();
28dt.Columns.Add(newDataColumn("Value",typeof(int)));
29dt.Columns.Add(newDataColumn("Context",typeof(string)));
30dt.Columns.Add(newDataColumn("ParentValue",typeof(int)));
31DataRowdrNew=dt.NewRow();
32drNew["Value"]=1;
33drNew["Context"]="水果";
34drNew["ParentValue"]=0;
35dt.Rows.Add(drNew);
36
37drNew=dt.NewRow();
38drNew["Value"]=2;
39drNew["Context"]="动物";
40drNew["ParentValue"]=0;
41dt.Rows.Add(drNew);
42
43drNew=dt.NewRow();
44drNew["Value"]=3;
45drNew["Context"]="葡萄";
46drNew["ParentValue"]=1;
47dt.Rows.Add(drNew);
48
49drNew=dt.NewRow();
50drNew["Value"]=7;
51drNew["Context"]="红葡萄";
52drNew["ParentValue"]=3;
53dt.Rows.Add(drNew);
54
55drNew=dt.NewRow();
56drNew["Value"]=8;
57drNew["Context"]="柴葡萄";
58drNew["ParentValue"]=3;
59dt.Rows.Add(drNew);
60
61drNew=dt.NewRow();
62drNew["Value"]=4;
63drNew["Context"]="桔子";
64drNew["ParentValue"]=1;
65dt.Rows.Add(drNew);
66
67drNew=dt.NewRow();
68drNew["Value"]=12;
69drNew["Context"]="红桔子";
70drNew["ParentValue"]=4;
71dt.Rows.Add(drNew);
72
73drNew=dt.NewRow();
74drNew["Value"]=13;
75drNew["Context"]="绿桔子";
76drNew["ParentValue"]=4;
77dt.Rows.Add(drNew);
78
79drNew=dt.NewRow();
80drNew["Value"]=5;
81drNew["Context"]="香蕉";
82drNew["ParentValue"]=1;
83dt.Rows.Add(drNew);
84
85drNew=dt.NewRow();
86drNew["Value"]=14;
87drNew["Context"]="";
88drNew["ParentValue"]=2;
89dt.Rows.Add(drNew);
90
91drNew=dt.NewRow();
92drNew["Value"]=15;
93drNew["Context"]="红马";
94drNew["ParentValue"]=14;
95dt.Rows.Add(drNew);
96
97drNew=dt.NewRow();
98drNew["Value"]=16;
99drNew["Context"]="白马";
100drNew["ParentValue"]=14;
101dt.Rows.Add(drNew);
102
103drNew=dt.NewRow();
104drNew["Value"]=17;
105drNew["Context"]="蓝马";
106drNew["ParentValue"]=14;
107dt.Rows.Add(drNew);
108
109drNew=dt.NewRow();
110drNew["Value"]=18;
111drNew["Context"]="";
112drNew["ParentValue"]=2;
113dt.Rows.Add(drNew);
114
115ds.Tables.Add(dt);
116returnds;
117}

118 protected void Button1_Click( object sender,EventArgse)
119 {
120Response.Write("<script>alert('"+this.ddl1.SelectedItem.Text+","+this.ddl2.SelectedItem.Text+","+
121this.ddl3.SelectedItem.Text+"');</script>");
122}

123

(三).示例代码下载

http://www.cnblogs.com/Files/ChengKing/LinkageDropDownList.rar

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值