asp.net dropdownlist下拉列表

本文概述

  • ASP.NET DropDownList示例
  • DropDownListExample.aspx
DropDownList是一个Web服务器控件,用于创建HTML Select组件。它允许我们从下拉列表中选择一个选项。它可以包含任意数量的项目
ASP.NET提供了一个标记来为Web应用程序创建DropDownList。以下是DropDownList标记的语法。
< asp:DropDownList id="DropDownList1" runat="server" DataSource="< % databindingexpression %>" DataTextField="DataSourceField" DataValueField="DataSourceField" AutoPostBack="True|False" OnSelectedIndexChanged="OnSelectedIndexChangedMethod"> < asp:ListItem http://www.srcmini.com/value="value" selected="True|False"> Text < /asp:ListItem> < /asp:DropDownList>

ASP.NET DropDownList示例我们正在使用Visual Studio 2017创建DropDownList。此示例包括以下步骤。
创建一个Web表单
通过指定其名称来添加新表单。
asp.net dropdownlist下拉列表

文章图片
最初,它是一个空表格。现在,我们将通过从工具箱中拖动它来添加一个新的DropDownList。
asp.net dropdownlist下拉列表

文章图片
拖动后,我们的Web表单如下所示。
asp.net dropdownlist下拉列表

文章图片
现在,要将项目添加到列表中,Visual Studio提供了Items属性,我们可以在其中添加项目。属性窗口如下所示。
asp.net dropdownlist下拉列表

文章图片
单击项目(集合),它将弹出一个新窗口,如下所示。最初,它没有任何项目。它提供了添加按钮以将新项目添加到列表中。
asp.net dropdownlist下拉列表

文章图片
通过为Text和Value属性提供值,将项目添加到DropDownList。
asp.net dropdownlist下拉列表

文章图片
【asp.net dropdownlist下拉列表】我们添加了更多项目,现在,它看起来像下面的样子。
asp.net dropdownlist下拉列表

文章图片
单击确定后,
DropDownListExample.aspx
< %@ Page Title="Home Page" Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="DropDownListExample._Default" %> < !DOCTYPE html> < html xmlns="http://www.w3.org/1999/xhtml"> < head runat="server"> < title>< /title> < /head> < body> < form id="form1" runat="server"> < p>Select a City of Your Choice< /p> < div> < asp:DropDownList ID="DropDownList1" runat="server" > < asp:ListItem Value="">Please Select< /asp:ListItem> < asp:ListItem>New Delhi < /asp:ListItem> < asp:ListItem>Greater Noida< /asp:ListItem> < asp:ListItem>NewYork< /asp:ListItem> < asp:ListItem>Paris< /asp:ListItem> < asp:ListItem>London< /asp:ListItem> < /asp:DropDownList> < /div> < br /> < asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Submit" /> < br /> < br /> < asp:Label ID="Label1" runat="server" EnableViewState="False">< /asp:Label> < /form> < /body> < /html>

// DropDownListExample.aspx.cs
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace DropDownListExample { public partial class _Default : Page { protected void Page_Load(object sender, EventArgs e) { } protected void Button1_Click(object sender, EventArgs e) { if (DropDownList1.SelectedValue =http://www.srcmini.com/="") { Label1.Text = "Please Select a City"; } else Label1.Text = "Your Choice is: " + DropDownList1.SelectedValue; } } }

输出:
asp.net dropdownlist下拉列表

文章图片
在服务器端,获取所选城市并将其显示给用户。
asp.net dropdownlist下拉列表

文章图片

    推荐阅读