ASP.NET中 ListBox列表框控制項的使用方法_基礎應用

來源:互聯網
上載者:User

ListBox 控制項允許使用者從預定義的列表中選擇一個或多個項。它與 DropDownList 控制項的不同之處在於,它不但可以一次顯示多個項,而且(可選)還允許使用者選擇多個項。

一、屬性

屬性 作用
SelectionMode Single|Multiple 列表選擇模式:單選|多選
Selected False|True 是否為選中狀態

二、樣本

ListBox.aspx

複製代碼 代碼如下:

<%@ 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>
        <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>
          提示: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

複製代碼 代碼如下:

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;
    }
}

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.