×

dropdownlist控件 is

dropdownlist控件（dropdownlist 控件取值问题）

admin admin 发表于2022-09-03 23:47:05 浏览167 评论0

抢沙发发表评论

本文目录

dropdownlist 控件取值问题


dropdownlist是网页上使用的
你要有所响应的话把 控件的autopostback=true；
另外：去dropdownlist.value的话，你必须在绑定的时候给他datavalue赋值
数据源
否则只能取 dropdowmlist.Text

DropDownList控件的使用


//获取选中的文本值 (实际显示的内容)
string str = DropDownList1.SelectedItem.Text;
//获取选中的Value值 (隐藏对应的值)
string str = DropDownList1.SelectedValue;
//获取当前先中的Index
int i = DropDownList1.SelectedItem.ItemIndex;
示例
下面的代码示例演示如何创建包含四个项的 DropDownList 控件。
Visual Basic 复制代码
《%@ Page Language=“VB“ AutoEventWireup=“True“ %》
《html》
《script runat=“server“ 》

Sub Selection_Change(sender As Object, e As EventArgs)
’ Set the background color for days in the Calendar control
’ based on the value selected by the user from the
’ DropDownList control.
Calendar1.DayStyle.BackColor = _
System.Drawing.Color.FromName(ColorList.SelectedItem.Value)
End Sub

《/script》

《body》
《form runat=“server“》

《h3》 DropDownList Example 《/h3》
Select a background color for days in the calendar.
《br》《br》

《asp:Calendar id=“Calendar1“
ShowGridLines=“True“
ShowTitle=“True“
runat=“server“/》
《br》《br》
《table cellpadding=“5“》
《tr》
《td》
Background color:
《/td》
《/tr》
《tr》
《td》
《asp:DropDownList id=“ColorList“
AutoPostBack=“True“
OnSelectedIndexChanged=“Selection_Change“
runat=“server“》
《asp:ListItem Selected=“True“ Value=“White“》 White 《/asp:ListItem》
《asp:ListItem Value=“Silver“》 Silver 《/asp:ListItem》
《asp:ListItem Value=“DarkGray“》 Dark Gray 《/asp:ListItem》
《asp:ListItem Value=“Khaki“》 Khaki 《/asp:ListItem》
《asp:ListItem Value=“DarkKhaki“》 Dark Khaki 《/asp:ListItem》
《/asp:DropDownList》
《/td》
《/tr》

《/form》
《/body》
《/html》
C# 复制代码
《%@ Page Language=“C#“ AutoEventWireup=“True“ %》
《html》
《script runat=“server“ 》

void Selection_Change(Object sender, EventArgs e)
{
// Set the background color for days in the Calendar control
// based on the value selected by the user from the
// DropDownList control.
Calendar1.DayStyle.BackColor =
System.Drawing.Color.FromName(ColorList.SelectedItem.Value);
}

《/script》

《body》
《form runat=“server“》

《h3》 DropDownList Example 《/h3》
Select a background color for days in the calendar.
《br》《br》

《asp:Calendar id=“Calendar1“
ShowGridLines=“True“
ShowTitle=“True“
runat=“server“/》
《br》《br》
《table cellpadding=“5“》
《tr》
《td》
Background color:
《/td》
《/tr》
《tr》
《td》
《asp:DropDownList id=“ColorList“
AutoPostBack=“True“
OnSelectedIndexChanged=“Selection_Change“
runat=“server“》
《asp:ListItem Selected=“True“ Value=“White“》 White 《/asp:ListItem》
《asp:ListItem Value=“Silver“》 Silver 《/asp:ListItem》
《asp:ListItem Value=“DarkGray“》 Dark Gray 《/asp:ListItem》
《asp:ListItem Value=“Khaki“》 Khaki 《/asp:ListItem》
《asp:ListItem Value=“DarkKhaki“》 Dark Khaki 《/asp:ListItem》
《/asp:DropDownList》
《/td》
《/tr》

《/form》
《/body》
《/html》
下面的代码示例演示如何通过数据绑定创建 DropDownList 控件。
Visual Basic 复制代码
《%@ Page Language=“VB“ AutoEventWireup=“True“ %》
《%@ Import Namespace=“System.Data“ %》
《html》
《script runat=“server“ 》

Sub Selection_Change(sender as Object, e As EventArgs)
’ Set the background color for days in the Calendar control
’ based on the value selected by the user from the
’ DropDownList control.
Calendar1.DayStyle.BackColor = _
System.Drawing.Color.FromName(ColorList.SelectedItem.Value)
End Sub
Sub Page_Load(sender as Object, e As EventArgs)

’ Load data for the DropDownList control only once, when the
’ page is first loaded.
If Not IsPostBack Then
’ Specify the data source and field names for the Text
’ and Value properties of the items (ListItem objects)
’ in the DropDownList control.
ColorList.DataSource = CreateDataSource()
ColorList.DataTextField = “ColorTextField“
ColorList.DataValueField = “ColorValueField“
’ Bind the data to the control.
ColorList.DataBind()
’ Set the default selected item, if desired.
ColorList.SelectedIndex = 0
End If
End Sub
Function CreateDataSource() As ICollection

’ Create a table to store data for the DropDownList control.
Dim dt As DataTable = New DataTable()

’ Define the columns of the table.
dt.Columns.Add(new DataColumn(“ColorTextField“, GetType(String)))
dt.Columns.Add(new DataColumn(“ColorValueField“, GetType(String)))

’ Populate the table with sample values.
dt.Rows.Add(CreateRow(“White“, “White“, dt))
dt.Rows.Add(CreateRow(“Silver“, “Silver“, dt))
dt.Rows.Add(CreateRow(“Dark Gray“, “DarkGray“, dt))
dt.Rows.Add(CreateRow(“Khaki“, “Khaki“, dt))
dt.Rows.Add(CreateRow(“Dark Khaki“, “DarkKhaki“, dt))

’ Create a DataView from the DataTable to act as the data source
’ for the DropDownList control.
Dim dv As DataView = New DataView(dt)
Return dv
End Function
Function CreateRow(Text As String, Value As String, dt As DataTable) As DataRow
’ Create a DataRow using the DataTable defined in the
’ CreateDataSource method.
Dim dr As DataRow = dt.NewRow()

’ This DataRow contains the ColorTextField and ColorValueField
’ fields, as defined in the CreateDataSource method. Set the
’ fields with the appropriate value. Remember that column 0
’ is defined as ColorTextField, and column 1 is defined as
’ ColorValueField.
dr(0) = Text
dr(1) = Value

Return dr
End Function

《/script》

《body》
《form runat=“server“》

《h3》 DropDownList Data Binding Example 《/h3》
Select a background color for days in the calendar.
《br》《br》

《asp:Calendar id=“Calendar1“
ShowGridLines=“True“
ShowTitle=“True“
runat=“server“/》
《br》《br》
《table cellpadding=“5“》
《tr》
《td》
Background color:
《/td》
《/tr》
《tr》
《td》
《asp:DropDownList id=“ColorList“
AutoPostBack=“True“
OnSelectedIndexChanged=“Selection_Change“
runat=“server“/》
《/td》
《/tr》

《/form》
《/body》
《/html》
C# 复制代码
《%@ Page Language=“C#“ AutoEventWireup=“True“ %》
《%@ Import Namespace=“System.Data“ %》
《html》
《script runat=“server“ 》

void Selection_Change(Object sender, EventArgs e)
{
// Set the background color for days in the Calendar control
// based on the value selected by the user from the
// DropDownList control.
Calendar1.DayStyle.BackColor =
System.Drawing.Color.FromName(ColorList.SelectedItem.Value);
}
void Page_Load(Object sender, EventArgs e)
{

// Load data for the DropDownList control only once, when the
// page is first loaded.
if(!IsPostBack)
{
// Specify the data source and field names for the Text
// and Value properties of the items (ListItem objects)
// in the DropDownList control.
ColorList.DataSource = CreateDataSource();
ColorList.DataTextField = “ColorTextField“;
ColorList.DataValueField = “ColorValueField“;
// Bind the data to the control.
ColorList.DataBind();
// Set the default selected item, if desired.
ColorList.SelectedIndex = 0;
}
}
ICollection CreateDataSource()
{

// Create a table to store data for the DropDownList control.
DataTable dt = new DataTable();

// Define the columns of the table.
dt.Columns.Add(new DataColumn(“ColorTextField“, typeof(String)));
dt.Columns.Add(new DataColumn(“ColorValueField“, typeof(String)));

// Populate the table with sample values.
dt.Rows.Add(CreateRow(“White“, “White“, dt));
dt.Rows.Add(CreateRow(“Silver“, “Silver“, dt));
dt.Rows.Add(CreateRow(“Dark Gray“, “DarkGray“, dt));
dt.Rows.Add(CreateRow(“Khaki“, “Khaki“, dt));
dt.Rows.Add(CreateRow(“Dark Khaki“, “DarkKhaki“, dt));

// Create a DataView from the DataTable to act as the data source
// for the DropDownList control.
DataView dv = new DataView(dt);
return dv;
}
DataRow CreateRow(String Text, String Value, DataTable dt)
{
// Create a DataRow using the DataTable defined in the
// CreateDataSource method.
DataRow dr = dt.NewRow();

// This DataRow contains the ColorTextField and ColorValueField
// fields, as defined in the CreateDataSource method. Set the
// fields with the appropriate value. Remember that column 0
// is defined as ColorTextField, and column 1 is defined as
// ColorValueField.
dr = Text;
dr = Value;

return dr;
}

《/script》

《body》
《form runat=“server“》

《h3》 DropDownList Data Binding Example 《/h3》
Select a background color for days in the calendar.
《br》《br》

《asp:Calendar id=“Calendar1“
ShowGridLines=“True“
ShowTitle=“True“
runat=“server“/》
《br》《br》
《table cellpadding=“5“》
《tr》
《td》
Background color:
《/td》
《/tr》
《tr》
《td》
《asp:DropDownList id=“ColorList“
AutoPostBack=“True“
OnSelectedIndexChanged=“Selection_Change“
runat=“server“/》
《/td》
《/tr》

《/form》
《/body》
《/html》

如何将gridview中DropDownList控件置为选中某一个值


首先可以在gridview中添加隐藏列，存储dropdownlist的值，然后在数据行绑定事件中判断行，找出dropdownlist，再根据将该行的隐藏列的值赋给dropdownlist。。。

dropdownlist控件设置请选择


DropDownList1.DataSource = ds;
DropDownList1.DataValueField = “GroupID“;//值为GROUPID
DropDownList1.DataTextField = “GroupName“;//显示文本为GroupName
DropDownList1.DataBind();
DropDownList1.Items.Insert(0, new ListItem(““,“请选择“));
DropDownList1.Dispose();
DropDownList1.Clear();
-dropdownlist控件

关于.NET中dropdownlist控件显示的问题


给你的第一个dropdownlist设置 AutoPostBack=“True“ 和OnSelectedIndexChanged=“ddlBoard_SelectedIndexChanged“ 就是它的值改变时所触发的事件（如同onchange），在后台的protected void ddlBoard_SelectedIndexChanged(object sender, EventArgs e)事件里根据第一个dropdownlist所选的值来绑定你的dropdownlist就可以了
你可以把两个dropdownlist放到updatepanel里，提高一下用户体验
-is

如何给DropDownList控件设置样式


下拉框的长度是根据选择项里长度最大的文本决定的，这样真的很丑有没有！
下面是代码，
复制代码
《li class=“list-group-item“》
@{
if (@ViewBag.key != ““)
{
《input type=“text“ name=“key“ value=@ViewBag.key class=“form-control no-padding-hr“ style=“border-radius: 0;“ /》
}
else
{
《input type=“text“ name=“key“ placeholder=“请输入待搜索单位名称...“ class=“form-control no-padding-hr“ style=“border-radius: 0;“ /》
}
}
《/li》
《li class=“list-group-item“》
@Html.DropDownListFor(model =》 model.CompanyNature, ViewBag.CompanyNature as IEnumerable《SelectListItem》)
《/li》
《li class=“list-group-item“》
@Html.DropDownListFor(model =》 model.CompanyBusiness, ViewBag.CompanyBusiness as IEnumerable《SelectListItem》)
《/li》
复制代码
我们并不能直接在这里面给它设置样式
在网上找解决方法，有些建议直接用《select class=””》《/select》标签，这样的话选择项就要直接在这个标签中手动写选择项，而且要改动的也比较打；还有些呢是直接进入.js文件去改样式，但是对于我这样的新手来说，这个好像不太可行。
然后我在页面中审查元素发现它生成的Html代码实际上还是Select
所以我就想到既然不能直接简单粗暴的添加样式，那能不能通过jQuery去给《select》标签添加样式呢，想到就试一下
很简单的加了两三行代码
$(document).ready(function(){
$(’select’).addClass(“form-control“);
});
这段代码的意思呢是在页面加载的时候就为select标签添加名为form-control的样式。
BootStrap是个简直不能更赞的东西了，用BootStrap写出来的页面简洁美观漂亮，它给提供了很多类，上面使用的form-control就是BootStrap类库中提供的，最后效果如下
这样就舒服多了有没有，整齐美观，实现方法也很简单
如果还想要更美的效果，比如颜色设置等等，可以自己写一个样式，然后用同样的方法加上就好了。
-dropdownlist控件

ASP.NET中的DropDownList控件的使用


使用
DropDownList
Web
服务器控件，用户可以从单项选择下拉列表框中进行选择。DropDownList
控件与
ListBox
Web
服务器控件类似。不同之处在于它只在框中显示选定项，同时还显示下拉按钮。当用户单击此按钮时，将显示项的列表。
修改
DropDownList
控件的外观
可以通过以像素为单位设置
DropDownList
控件的高度和宽度来控制其外观。部分浏览器不支持以像素为单位设置高度和宽度，这些浏览器将使用行计数设置。
您无法指定用户单击下拉按钮时列表中显示的项数。所显示列表的长度由浏览器确定。
与其他
Web
服务器控件一样，您可以使用样式对象来指定
DropDownList
控件的外观。有关详细信息，请参见
ASP.NET
Server
Controls
and
CSS
Styles。
列表项
DropDownList
控件实际上是列表项的容器，这些列表项都属于
ListItem
类型。每一
ListItem
对象都是带有自己的属性的单独对象。下表说明了这些属性。
属性
说明
Text
指定在列表中显示的文本。
Value
包含与某个项相关联的值。设置此属性可使您将该值与特定的项关联而不显示该值。例如，您可以将
Text
属性设置为美国某个州的名称，而将
Value
属性设置为该州的邮政区名缩写。
Selected
通过一个布尔值指示是否选择了该项。
若要以编程方式处理列表项，请使用
DropDownList
控件的
Items
集合。Items
集合是一个标准集合，您可以向它添加项对象，也可以从中删除项或清除集合等。
当前所选项可在
DropDownList
控件的
SelectedItem
属性中得到。
将数据绑定到控件
可以使用
DropDownList
Web
服务器控件列出使用数据源控件的页可使用的选项。DropDownList
控件中的每一项分别对应数据源中的一项（通常是一行）。
控件显示来自数据源的一个字段。您也可以将控件绑定到第二个字段，以设置一项的值（该值并不显示）。
与其他
Web
服务器控件一样，您可以将任何控件属性（如控件的颜色或大小）绑定到数据。有关详细信息，请参见如何：从数据源填充
List
Web
服务器控件。
DropDownList
事件
当用户选择一项时，DropDownList
控件将引发一个事件（SelectedIndexChanged
事件）。默认情况下，此事件不会导致将页发送到服务器，但可以通过将
AutoPostBack
属性设置为
true
使此控件强制立即发送。
注意
若要在选中
DropDownList
控件时将其发送到服务器，浏览器必须支持
ECMAScript（JScript、JavaScript），并且用户的浏览器要启用脚本撰写。
-is

怎么获取DropDownList中选中的值


运用 Label1.Text=DropDownList1.SelectedValue.ToString();
或者DropDownList1.SelectedItem.Text即可。
DropDownList控件又称下拉列表框控件， 控件 列表 中的多行数 据 以隐含 的形式表 示 出 来，当用户需要选择所需列表项时，通过点击 “下三角 “图形 展示 ，用户每次 只能选用一个 数据项。DropDownList控件实际上是列表项 的 容器 ，下拉列表框 用 Items集合表示各项 的内 容。如果在 ASP.NET页面中逐个 的手 动填写 DropDownList控件的列表选项，当列表项很多 的时候会 比较繁琐 ，而且修改 比较麻烦 。 DropDownList控件动态连接到数据库，按指定 条件从数据库 中查询 出列表选项数据，然后绑 定到控件，可以方便快速地显示出多个下拉选 项 。 同时 ，通过修 改数据库 中数据 ，可 以动 态改 变下 拉选项。例如 ，在导 师遴 选系统 中， 研究生导师填写申请信息 的时候 ，需要选 择申 请类型，而且同样的信息在多处页面出现，将 数据库中申请类型表的数据绑定到 DropDownList控件上，能比较好的解决问题。
-dropdownlist控件

DropDownList控件如何在前端显示出后端赋的值


DropDownList控件可以做如下修改
《asp:DropDownList ID=“lstSex“ runat=“server“ Width=“150px“》
《asp:ListItem Value=“B“》男《/asp:ListItem》
《asp:ListItem Value=“A“》女《/asp:ListItem》
《/asp:DropDownList》
注：VALUE值改成男：A 女：B
在后面可以这样写
string sex;
//(给这个SEX赋值)
lstSex.SelectedValue=sex
PS:这种方法对于这种数据比较少的情况适用，如果数据项多的不建议
-is

1. 什么是DropDownList控件，如何利用可视化方式为DropDownList控件赋予选项如何获取DropDownList的选定


1.DropDownList 下拉列表或下拉菜单，设计视图对其Items属性进行编辑即可为DropDownList控件赋值，SelectedValue SelectedIndex SelectedItem 分别为其选中项的值、索引、对象
2. 设置button的Text click事件为button_click click为button的点击事件会有服务器端相应，onClientClick 为客户端点击事件，多为前台页面javascript事件
3 使用前端数据校验，不刷新页面的控件， ErrorMessage 和 Text为验证控件的2个属性
4 汇总当前页所有验证控件的错误消息，不能单独使用
-dropdownlist控件