vs2005/.net2.0 控件实例之 下拉列表《DropDownList》

演示的主要有三个:
1,数据源是使用数组列表的数据,而且当选择改变时候,也会激发一个事件!
2,两级联动
3,动态添加下拉列表的项

其实在之前我也做过一个VB的实例,那个是用VS2003做的,如果你要看具体怎么从数据库拿出数据来填充的话请参考那个,地址是http://thcjp.cnblogs.com/archive/2006/03/03/342389.html

<% @ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default"  %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head  runat ="server" >
    
< title > 无标题页 </ title >
</ head >
< body >
    
< form  id ="form1"  runat ="server" >
    
< div >
        DropDownList 控件演示一:
< br  />
        
< br  />
        数据源是使用数组列表的数据,而且当选择改变时候,也会激发一个事件!
< br  />
        
< asp:DropDownList  ID ="DropDownList1"  runat ="server"  AutoPostBack ="True"  OnSelectedIndexChanged ="DropDownList1_SelectedIndexChanged" >
        
</ asp:DropDownList >
        
< asp:Label  ID ="Label1"  runat ="server" ></ asp:Label >< br  />
        
< br  />
        DropDownList 控件演示二:两级联动
< br  />
        
< br  />
        这个我们使用的是SQLSERVER数据库中自带的pubs库的authors表,实现的效果就是两个下拉列表是相关联的(这里使用了数据控件的 SqlDataSource控件,该控件将在后面的数据控件中再详细说明和演示);
< br  />
        请选择城市 :
< asp:DropDownList  ID ="DropDownList2"  runat ="server"  AutoPostBack ="True"  DataSourceID ="SqlDataSource1"
            DataTextField
="city"  DataValueField ="au_id" >
        
</ asp:DropDownList >
        
< asp:DropDownList  ID ="DropDownList3"  runat ="server"  AutoPostBack ="True"  DataSourceID ="SqlDataSource2"
            DataTextField
="au_lname"  DataValueField ="au_lname" >
        
</ asp:DropDownList >< asp:SqlDataSource  ID ="SqlDataSource2"  runat ="server"  ConnectionString ="<%$ ConnectionStrings:pubsConnectionString %>"
            SelectCommand
="SELECT [au_lname], [au_id] FROM [authors] WHERE ([au_id] = @au_id)" >
            
< SelectParameters >
                
< asp:ControlParameter  ControlID ="DropDownList2"  Name ="au_id"  PropertyName ="SelectedValue"
                    Type
="String"   />
            
</ SelectParameters >
        
</ asp:SqlDataSource >
        
< asp:SqlDataSource  ID ="SqlDataSource1"  runat ="server"  ConnectionString ="<%$ ConnectionStrings:pubsConnectionString %>"
            SelectCommand
="SELECT [au_id], [city] FROM [authors]" ></ asp:SqlDataSource >
        
< br  />
        DropDownList 控件演示三:动态添加下拉列表的项
< br  />
        
< br  />
        
< asp:DropDownList  ID ="DropDownList4"  runat ="server" >
        
</ asp:DropDownList >
        
< asp:TextBox  ID ="TextBox1"  runat ="server" ></ asp:TextBox >
        
< asp:Button  ID ="Button1"  runat ="server"  OnClick ="Button1_Click"  Text ="在前面文本框里填上你要添加的文本,然后按我一下,再看下前面下拉列表里的值"
            Width
="519px"   />< br  />
    
    
</ div >
    
</ form >
</ body >
</ html >

后台C#代码

你可能感兴趣的:(.net)