articles

Home / DeveloperSection / Articles / ListBox in ASP.Net

ListBox in ASP.Net

Pushpendra Singh7236 13-Oct-2010

The List Box server control displays a list of items. We can select one or more items from the list of items displayed. The List Box control is used to create a single- or multi-selection drop-down list.

In single selection ListBox we can select only single value at a time.

In a multiple selection List Box we can select multiple values at a time.

We can change selection mode by ListBox SelectionMode Property

ListBox in ASP.Net

ListBox Event

SelectedIndexChanged Event: This event is fired when the selection of ListBox changes.

Single Selection ListBox

<asp:ListBoxID="ListBox1"runat="server"AutoPostBack="True"Font-Bold="True"Font-Italic="True"ForeColor="#FF0066"
        onselectedindexchanged="ListBox1_SelectedIndexChanged">
        <asp:ListItem>Select</asp:ListItem>
        <asp:ListItem>1</asp:ListItem>
        <asp:ListItem>2</asp:ListItem>
        <asp:ListItem>3</asp:ListItem>
        <asp:ListItem>4</asp:ListItem>
        <asp:ListItem></asp:ListItem>
        <asp:ListItem>5</asp:ListItem>
        <asp:ListItem></asp:ListItem>
 </asp:ListBox>
<asp:Label ID="Label1" runat="server"></asp:Label> 
protected void ListBox1_SelectedIndexChanged(object sender, EventArgs e)
    {
        Label1.Text = ListBox1.SelectedValue;
    }

 

ListBox in ASP.Net

Multiple Selection ListBox 

To change the selection of ListBox from single selection to Multiple Selection you can set its SelectionMode property to Multiple.

         <asp:ListBox ID="ListBox1" runat="server" SelectionMode="Multiple">
            <asp:ListItem>Select</asp:ListItem>
            <asp:ListItem>1</asp:ListItem>
            <asp:ListItem>2</asp:ListItem>
            <asp:ListItem>3</asp:ListItem>
            <asp:ListItem>4</asp:ListItem>
            <asp:ListItem></asp:ListItem>
            <asp:ListItem>5</asp:ListItem>
            <asp:ListItem></asp:ListItem>
        </asp:ListBox>
 
    <asp:Button ID="Button1" runat="server" Text="Select" OnClick="Button1_Click" />
   
 <asp:Label ID="Label1" runat="server"></asp:Label>
 
 
    protected void Button1_Click(object sender, EventArgs e)
    {
        foreach (ListItem i in ListBox1.Items)
        {
            if (i.Selected)
            {
                Label1.Text += "<br>" + i.Value;
            }
        }
    }

 

ListBox in ASP.Net

We can change List Box appearance

<asp:ListBox ID="ListBox1" runat="server" AutoPostBack="True" Font-Bold="True" Font-Italic="True" ForeColor="#FF0066" SelectionMode="Multiple">
        <asp:ListItem>Select</asp:ListItem>
        <asp:ListItem>1</asp:ListItem>
        <asp:ListItem>2</asp:ListItem>
        <asp:ListItem>3</asp:ListItem>
        <asp:ListItem>4</asp:ListItem>
        <asp:ListItem></asp:ListItem>
        <asp:ListItem>5</asp:ListItem>
</asp:ListBox>

ListBox in ASP.Net


Updated 07-Sep-2019

Leave Comment

Comments

Liked By