本文概述
- ASP.NET DropDownList示例
- DropDownListExample.aspx
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表单
通过指定其名称来添加新表单。
文章图片
最初,它是一个空表格。现在,我们将通过从工具箱中拖动它来添加一个新的DropDownList。
文章图片
拖动后,我们的Web表单如下所示。
文章图片
现在,要将项目添加到列表中,Visual Studio提供了Items属性,我们可以在其中添加项目。属性窗口如下所示。
文章图片
单击项目(集合),它将弹出一个新窗口,如下所示。最初,它没有任何项目。它提供了添加按钮以将新项目添加到列表中。
文章图片
通过为Text和Value属性提供值,将项目添加到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 session会话
- asp.net cookie使用
- asp.net下载文件
- asp.net上传多个文件
- asp.net web表单文件上传fileupload
- asp.net linkbutton用法
- asp.net复选框
- asp.net web表单日历
- asp.net radiobutton用法