DropDownList控件

主要介绍：自定义数据、绑定数据库数据 

DropDownList控件的使用跟CheckBoxList控件的使用差不多。

首先是前台代码（Default.aspx）:

<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack ="true">
    <asp:ListItem>苹果</asp:ListItem>
    <asp:ListItem>香蕉</asp:ListItem>
    <asp:ListItem>橘子</asp:ListItem>
    <asp:ListItem>桃子</asp:ListItem>
</asp:DropDownList>
<asp:Button ID="Button1" runat="server" Text="Button" OnClick ="Button1_Click"/>
<asp:Label ID="Label1" runat="server" Text=""></asp:Label>

然后是后台代码（Default.aspx.cs）:

/// <summary>
/// Button1按钮的点击事件
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
protected void Button1_Click(object sender, EventArgs e)
{
    string s = string.Empty;

    //SelectedItem：获取列表控件中索引最小的选定项。即是取的选中的值。
    s = this.DropDownList1.SelectedItem.Text;

    this.Label1.Text = "您选中的水果是：" + s;
}

最终运行效果:

上面是自定义的数据，也就是写在代码之中的数据。

----------------------------------------------------------------------

下面介绍的是，存储在数据库中的数据：

一：

首先，先在数据库中建立一张表：

 CREATE TABLE KK
 (
     id INT,
     [name] VARCHAR(20),
 )

然后插入数据：

 INSERT INTO KK (id, [name]) VALUES (1, '张三')
 INSERT INTO KK (id, [name]) VALUES (2, '李四')
 INSERT INTO KK (id, [name]) VALUES (3, '王五')
 INSERT INTO KK (id, [name]) VALUES (4, '赵六')

这是最终建立的表：

二：

然后是前台代码;

<div>
    <asp:DropDownList ID="DropDownList1" runat="server"></asp:DropDownList>
    <asp:Button ID="Button1" runat="server" Text="Button" OnClick ="Button1_Click"/>
    <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
</div>

*不需要设置AutoPostBack

后台代码：

web.config中数据库连接字符串：

  <connectionStrings>
    <add name="connectionString" connectionString="data source = (local); database = TEMP; integrated security = true"/>
  </connectionStrings>

后台之中Page_load中的代码（代码初始化，用于打开界面是就进行数据绑定）：

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    /* 为什么判断IsPostBack:当你需要执行一些仅需要在页面第一次浏览时执行的事件
        * 比如页面初始化，数据绑定之类的操作时，需要将操作放在if(!IspostBack)里面，
        * 这样当你在点击页面中的按钮或者执行其他回发事件时，不贵再次初搜索始化或者
        * 重复绑定数据，提高了执行效率。
        */
    {
        string connectionString = ConfigurationManager.ConnectionStrings["connectionString"].ConnectionString;

        SqlConnection connection = new SqlConnection(connectionString);

        connection.Open();

        string sql = "SELECT * FROM KK";

        SqlCommand cmd = new SqlCommand(sql, connection);

        SqlDataReader sdr = cmd.ExecuteReader();

        //任意给的字段名，只要是想显示在界面上的就行。其值给了：Text
        this.DropDownList1.DataTextField = "name";

        //任意给得字段名，只要是想在后台看到前台看不到的数据就行。其值给了：Value
        this.DropDownList1.DataValueField = "id";//此字段可以去掉。value的值默认为Text的值。

        this.DropDownList1.DataSource = sdr;

        this.DropDownList1.DataBind();

        sdr.Close();

        connection.Close();
    }
}

其中，检查网页是否会发很重要。if (!IsPostBack)。如果没有这个，将无法使用。

后台之中Button1（结果）按钮：

/// <summary>
/// Button1按钮的点击事件
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
protected void Button1_Click(object sender, EventArgs e)
{
    string s = string.Empty;

    //SelectedItem：获取列表控件中索引最小的选定项。即是取的选中的值。
    s = this.DropDownList1.SelectedItem.Text;

    this.Label1.Text = "您选中的是：" + s;
}

最终运行结果:

以上就是DropDownList控件的用法。