ASP.NET中ListBox(列表框)的使用

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› ASP.NET›ASP.NET编程经验

原作者: [db:作者] 来自: [db:来源] 收藏邀请

ylbtech-ASP.NET-Control-Basic:ListBox(列表框)的使用

ASP.NET中 ListBox(列表框)的使用。

1.A,运行效果返回顶部

ListBox（列表框）

属性	值	作用
SelectionMode	Single\|Multiple	列表选择模式：单选\|多选
Selected	False\|True	是否为选中状态

1,单选列表框

省份：

你选择的为：内蒙

2,多选列表框

省份：提示：Ctrl+单击

你选择的为：山东,内蒙

1.B,源代码返回顶部

/ListBox.aspx

View Code

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

<!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>
    <style type="text/css">
        .style1
        {
            width: 293px;
        }
        .style2
        {
            width: 233px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <h3>ListBox（列表框）</h3>
        <table style="width: 100%;">
            <tr>
                <td class="style2">
                    &nbsp;
                    属性</td>
                <td class="style1">
                    值</td>
                <td>
                    作用</td>
            </tr>
            <tr>
                <td class="style2">
                    &nbsp;SelectionMode
                </td>
                <td class="style1">
                    &nbsp;Single|Multiple
                </td>
                <td>
                    列表选择模式：单选|多选
                </td>
            </tr>
            <tr>
                <td class="style2">
                    &nbsp;Selected
                </td>
                <td class="style1">
                    &nbsp;False|True
                </td>
                <td>
                    是否为选中状态</td>
            </tr>
        </table>
        <hr />
        <h5>1,单选列表框</h5>
        省份：<asp:ListBox ID="lstProv"  runat="server">
            <asp:ListItem>山东</asp:ListItem>
            <asp:ListItem Selected="True">河北</asp:ListItem>
            <asp:ListItem>内蒙</asp:ListItem>
            <asp:ListItem>安徽</asp:ListItem>
        </asp:ListBox>
        <br />
        <asp:Button ID="btnSubmit" runat="server" Text="提交" onclick="btnSubmit_Click" />
        <hr />
        你选择的为：<asp:Label ID="lblState" runat="server"></asp:Label>

        <hr />
        <h5>
            2,多选列表框</h5>
        省份：<asp:ListBox ID="lstProv2" runat="server" SelectionMode="Multiple">
            <asp:ListItem>山东</asp:ListItem>
            <asp:ListItem Selected="True">河北</asp:ListItem>
            <asp:ListItem>内蒙</asp:ListItem>
            <asp:ListItem>安徽</asp:ListItem>
        </asp:ListBox>
        &nbsp; 提示：Ctrl+单击<br />
        <asp:Button ID="btnSubmit2" runat="server" Text="提交" 
            onclick="btnSubmit2_Click"  />
        <hr />
        你选择的为：<asp:Label ID="lblState2" runat="server"></asp:Label>
    </div>
    </form>
</body>
</html>

/ListBox.aspx.cs

View Code

using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class WebControls_ListBox : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void btnSubmit_Click(object sender, EventArgs e)
    {
        lblState.Text = lstProv.SelectedValue;
    }
    protected void btnSubmit2_Click(object sender, EventArgs e)
    {
        string str = string.Empty;
        for (int i = 0; i < lstProv2.Items.Count; i++)
        {
            if (lstProv2.Items[i].Selected == true)
            {
                str = string.Format("{0}{1},",str,lstProv2.Items[i].Value);
            }
        }
        str = str.Substring(0, str.Length - 1); //去掉最后一个“,”
        lblState2.Text = str;
    }
}