zoukankan      html  css  js  c++  java
  • 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#代码
  • 相关阅读:
    docker常用命令
    docker安装注意事项
    DataGridView中实现自动编号
    Flask设置配置文件
    python路径找类并获取静态字段
    JavaScript数据类型
    php学习笔记6
    php学习笔记5
    php学习笔记4
    php学习笔记3
  • 原文地址:https://www.cnblogs.com/thcjp/p/411605.html
Copyright © 2011-2022 走看看