将DropDownList与模型绑定
是指将一个下拉列表控件（DropDownList）与一个数据模型进行关联，以实现数据的动态绑定和交互。
在前端开发中，DropDownList是一种常见的表单控件，用于提供多个选项供用户选择。而模型（Model）则是前端开发中用于存储和管理数据的一种数据结构。
将DropDownList与模型绑定的优势在于可以实现以下功能：
- 数据动态绑定：通过与模型绑定，DropDownList可以根据模型中的数据自动更新选项列表，无需手动编写代码进行数据更新。
- 数据交互：当用户选择DropDownList中的某个选项时，可以通过与模型绑定，将用户的选择值传递给模型，以便后续处理和使用。
- 数据验证：通过与模型绑定，可以方便地对用户的选择进行验证，确保数据的有效性和完整性。
在实际应用中，将DropDownList与模型绑定可以应用于各种场景，例如：
- 表单选择：在表单中使用DropDownList作为选择项，通过与模型绑定，可以方便地获取用户选择的值，并进行后续处理。
- 数据筛选：在数据展示页面中，使用DropDownList作为筛选条件，通过与模型绑定，可以实现动态的数据筛选和展示。
- 数据关联：在多个下拉列表之间建立关联，通过与模型绑定，可以实现级联选择，提升用户体验。
对于腾讯云相关产品和产品介绍链接地址，可以参考以下内容：
- 腾讯云云服务器（CVM）：提供弹性计算能力，支持多种操作系统和应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：提供高性能、可扩展的关系型数据库服务。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云人工智能：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ai
- 腾讯云物联网套件：提供全面的物联网解决方案，包括设备接入、数据管理、应用开发等。详情请参考：https://cloud.tencent.com/product/iot-suite
- 腾讯云移动开发：提供移动应用开发的一站式解决方案，包括移动后端云服务、移动推送、移动分析等。详情请参考：https://cloud.tencent.com/product/mc
相关·内容
我对SelectList和DropDownList有一些问题。我有两个模型(TimeRecord有一个到项目的导航属性)：
public class Project
{
public int ProjectId { get; set; }
[Required]
public string ProjectName { get; set; }
}
和
public class TimeRecord
{
public int TimeRecordId { get; set; }
public int ProjectId { get; set; }
浏览 1提问于2016-12-16得票数 0
我无法将spark DropDownList的selectedIndex公共属性绑定到视图的表示模型中它的原始源代码。
为了尽可能少地复制这个问题，我有两个视图和一个表示模型。代码如下。
Main.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
浏览 0提问于2012-02-08得票数 1
回答已采纳
好的，我使用的文本框是这样的：
@Html.TextBoxFor(u=>u.Time)
现在我想用下拉列表替换文本框，我这样做了：
@Html.DropDownList("FromDD",new SelectList (new[] {"first","second","third"}))
如何从获取dropDownList文本并将其保存在模型(Model.Time)中？
浏览 1提问于2013-11-20得票数 1
回答已采纳
我可以为被选中的用户获取所有角色和实际角色，但是当我发布到EditUser操作时，Dropdownlist会发送null。我的意思是，当表单发布到我的控制器时，我从DropDownList中获得null。
这是我的模型
public class EditUserViewModel
{
public string Id { get; set; }
public string Name { get; set; }
public string Email { get; set; }
public List<SelectListItem&g
浏览 5提问于2017-11-24得票数 0
回答已采纳
我是MVC的新手，所以这可能是一个愚蠢的问题--我正在尝试理解asp.net mvc中的强类型视图。如果我有一个包含2个模型的项目--比如Person和Department。一个人必须属于一个部门。所以我有了我的Department模型(并且我已经生成了我的控制器和CRUD接口)：
public class Department
{
public int Id { get; set;}
public string DeparmentName { get; set;}
}
然后我有一个引用Department的Person模型：
public class Person
{
浏览 12提问于2011-08-16得票数 6
回答已采纳
我试图将选定的值写入两个单独的文本框，名为this.txtTextSelected.Text = text;和this.txtValueSelected.Text = value;。
我的问题是，这些值没有写入两个文本框，当选择一个选项时，我的页面会刷新，并且不会实际存储所选的值，这使我认为
1)下拉列表中的HTML不正确
2)我添加了一些不需要的语法
但我在琢磨到底是怎么回事。
这是我的下拉列表的HTML
<asp:DropDownList ID="dropdownlist1" CssClass="DropDownLists"
runat="s
浏览 0提问于2015-10-15得票数 0
回答已采纳
我在Create视图中有以下DropDownList。我动态地填充列表，从另外两个列表级联，并且在发布之前一切顺利。该列表已正确填充，我选择了一个郊区。但是，在传递给Create操作方法的模型上，SuburbId仍然为空。这里发生什么事情？
<div class="editor-field">
@(Html.Telerik().DropDownListFor(model => model.DetailItem.SuburbId)
.Name("Suburbs")
.Enable(false)
)
浏览 0提问于2010-12-16得票数 1
回答已采纳
我试图在Razor代码中更改DropDownList时传递我的模型，但是我的模型信息并没有被传递给post方法，即使post方法正在被调用。
在我的Razor：
@model Namespace.Models.MyModel
@using (Html.BeginForm("myFunc", "Home", FormMethod.Post, new { myModel = Model }))
{
@Html.DropDownListFor(m => m.SelectedType, new SelectList(Model.Types, "I
浏览 0提问于2019-01-16得票数 1
回答已采纳
我在一个ForEach循环中显示了一个dropDownLists列表。
这是代码
@foreach (var task in Model.TaskList)
{
<tr>
<td>@Html.DropDownList("ModuleID", new SelectList(Model.ModuleList, "ModuleID", "Ordre"))
</td>
</tr>
}
我希望默认选择每个Task的
浏览 0提问于2013-06-06得票数 7
回答已采纳
我有跟踪问题。在我的视图模型中，我定义了一些列表属性如下：
public class BasketAndOrderSearchCriteriaViewModel
{
List<KeyValuePair> currencies;
public ICollection<KeyValuePair> Currencies
{
get
{
if (this.currencies == null)
this.currencies = new List<KeyValu
浏览 6提问于2010-06-11得票数 1
回答已采纳
我有一个用(匿名类型)生成的描述填充的DropDownList，它有两个属性"CountryId“(整型)和"Description”(字符串)。我希望列表中选定的国家/地区是defaultCountry。
Countries = new SelectList(countries, "CountryId", "Description", defaultCountry.CountryId);
其中"countries“是来自Linq查询的匿名类型的IQueryable。Countries是视图模型上的公共属性：
public class C
浏览 1提问于2009-05-21得票数 0
回答已采纳
我有一个绑定了AJAX的telerik网格。
我已经添加了一个EditorTemplate来创建一个DropDownList。
当我在网格中按下编辑/插入时-我可以看到DropDownList，但当我尝试使用它时-它不工作。
因此，我向视图模型添加了一个int测试，用相同的UIHINT装饰它，并将其添加到视图中。
DropDownList运行得很好。
是什么导致Telerik的网格禁用该活动？对于DateTime组件，我也遇到了同样的问题，我获得了“按钮”来显示该组件，但按下它什么也得不到。
更新:从以下位置更改DropDownList：
Html.Telerik().DropDownList
浏览 3提问于2011-01-15得票数 0
回答已采纳
1回答
我有一个字段，它是一个多选择下拉列表，它是从一个模型中填充的，该模型有时会被最终用户更新。我正试图检索knockoutjs的选定值，所以当我将其提交到数据库时，它会发送用户选择的选项数组。
我找到的所有示例都是使用枚举或已经填充的带有固定选项的javascript对象，而不是像我的情况那样改变值。
下面是从模型中填充的表。我已经包含了我为上下文工作的其他字段，但问题中的字段有@HTLM.DropDownList
<td><input class='required number form-control' maxlength="9" stri
浏览 1提问于2017-05-17得票数 0
回答已采纳
我在一个aspx页面上有这段代码。
<asp:DropDownList runat="server" ID="ddlSize" CssClass="textbox" Width="100px">
<asp:ListItem Value="" Text="" />
<asp:ListItem Value="11" Text="11. Mands" />
<asp:ListItem Value="7" Text=&
浏览 0提问于2012-09-13得票数 0
回答已采纳
1回答
我在中继器里绑定了一个DropDownList，下面是我的标记
<asp:Repeater ID="Repeater2" runat="server"
onitemdatabound="Repeater2_ItemDataBound">
<HeaderTemplate>
<asp:DropDownList ID="DropDownList8" runat="server">
<asp:ListItem>Select</a
浏览 2提问于2012-11-01得票数 1
我有几个Telerik DropDownList控件和一个想要设置值的RangeSlider，然后有一个按钮可以将其应用于另一组控件(向下过滤数据)
如何获得3个不同控件的值并将其应用于图表？
这是使用客户端API和javascript的唯一方法吗？或者我可以以某种方式将其与模型一起使用？
我尝试执行HTTP Post，但返回给Action的模型都为空。
浏览 0提问于2012-05-10得票数 0
回答已采纳
我得到了错误的DropDownList11，说"'DropDownList11‘有一个无效的值，因为它不存在于项目列表中。参数名称: SelectedValue“。使用SQLDatasource的其他下拉列表工作正常。我在编辑DetailsView中手动创建了这个下拉列表。一旦它被选中并单击更新，它就会将其发送到SQL Server。请帮帮我！这里有一个代码，
<EditItemTemplate>
<asp:DropDownList ID="DropDownList11" runat="serve
浏览 1提问于2012-11-29得票数 1
回答已采纳
当Dropdownlist列表的某些值被选中并且该函数将使用所选值的id时，我想调用该函数。如何将所选值的id绑定到模型中？我可以将数据加载到下拉列表中。
<select>
<option *ngFor="let category of categorylist" >
{{ category.Description }}</option>
</select>
浏览 0提问于2016-12-04得票数 4
回答已采纳
1回答
过滤和取消过滤kendo dropdownlist之后，视图模型将保留最初选择的值，但dropdownlist的值为空字符串。
这是dropdownlist的预期行为吗？我希望这个小部件与它的模型保持同步。如何“重新绑定”dropdownlist，使其在过滤后从视图模型中获取值？
var viewModel = kendo.observable({
selectedProduct: null,
products: [
{ id: 1, name: "Coffee" },
{ id: 2, name: "Tea"
浏览 1提问于2015-08-27得票数 0
我想知道为什么下面的代码：
@Html.DropDownList("Classification.Nationality.NationalityId", Model.Nationalities, new { @size = 10, @style = "display:none;", @class = "pickList" })
生成下面的html，特别是为什么元素的名称不是"Classification.Nationality.NationalityId“。
<select style="display: none;"
浏览 2提问于2011-07-07得票数 0
回答已采纳
3回答
我的下拉列表将填充来自实体模型的数据，如下所示：
HotelTestDatabaseEntities hotelData = new HotelTestDatabaseEntities();
var afdelingQuery = from afd in hotelData.Afdelings
orderby afd.afdelingNaam
select afd;
DropDownList1.DataValueField = "afdelingID";
浏览 0提问于2012-06-13得票数 2
回答已采纳
我有一个定义如下的DropDownList：
<td>
<asp:DropDownList ID="campagnes" runat="server" AutoPostBack="true" EnableViewState="true" OnSelectedIndexChanged="campagnes_SelectedIndexChanged"></asp:DropDownList>
</td>
我正在填写Page_Load inside中的DropDo
浏览 4提问于2015-12-01得票数 0
在ASP.NET MVC 5中，请有人帮助我确定在视图中从选择列表(作为@Html.DropDownListFor实现)中选择的值，以便将其传递回Controller方法，以便选择修改后的数据列表。我花了几天的时间浏览和尝试一些没有用的东西:以下是我所拥有的。我有一位家长模特：
public class ParentEndorsementViewModel
{
// Child Models:
public List<VW_CMA_PRODUCT_ENDORSEMENT> VW_CMA_PRODUCT_ENDORSEMENTS { get; set; }
浏览 3提问于2015-11-25得票数 0
回答已采纳
这个问题把我逼疯了。
在ASP.NET应用程序中，我有两个DropDownLists，DropDownStore和DropDownCampaign。
<asp:DropDownList ID="storeDropDown" AppendDataBoundItems="true"
AutoPostBack="true" DataSourceID="storeSqlDataSource"
DataTextField="Name" DataValueField="StoreId
浏览 2提问于2010-02-04得票数 2
回答已采纳
我一直在试图弄清楚如何将从下拉列表中检索到的值传递回与结果显示的下拉列表相同的视图
控制器：
//
// GET: /ProductByID/
[HttpGet]
public ActionResult ProductById()
{
ViewBag.IDNumbers = ddlItems;
return View();
}
//
// POST: /ProductByID/
[HttpPost]
public ActionResult ProductById(FormCollection formdata)
{
string selected = formd
浏览 1提问于2013-02-19得票数 0
回答已采纳
我想将工具提示绑定到下拉列表项。我的代码是
protected void ddl_DataBound(object sender, EventArgs e)
{
if (ViewState["HeadToolTip"] != null)
{
DataTable dt = ViewState["HeadToolTip"] as DataTable;
DropDownList ddl = sender as DropDownList;
if (ddl != null)
{
浏览 0提问于2017-02-01得票数 1
我在从中填充DropDownList1中的数据集时遇到了问题，然而，我的下拉列表以字符格式显示数据，我不确定为什么。
country count = new country(); //from Service
DropDownList1.DataSource = count.GetCountries();
DropDownList1.DataBind();
浏览 0提问于2018-02-10得票数 0
回答已采纳
2回答
我这里有个场景。我想在表单中做一个HTTP POST动作，所以我是这样做的。
public class Item
{
public Item()
{
Storages = new HashSet<Storage>();
}
public int Id { get; set; }
public string Name { get; set; }
public virtual ICollection<Storage> Storages { get; set; }
-- remove some lines for brevity --
}
浏览 4提问于2014-06-30得票数 1
回答已采纳
我有一个包含主键(数据类型nvarchar(50))的产品表，如下所示
100531 00001
在模型I中获取产品列表
public List<string> GetProductsList()
{
List<string> productsList = new List<string>();
using (Entities database = new Entities ())
{
productsList = (from product
浏览 0提问于2017-06-20得票数 0
我有一个强类型为模型RawValues的视图。在这个视图中，我希望拥有一个包含胶囊列表(在不同的模型中定义)的DropDownList。我希望将选定的胶囊绑定到RawValues模型中的CapsuleFk属性。
当我搭建我的RawValues模型时，我正在尝试弄清楚如何获得一个包含不同胶囊的DropDownList (@Html.DropDownListFor)，以便自动生成到我的视图中。我的DropDownList中的项将来自胶囊表，它包含4条记录。下面，您将看到我如何为我的public int? CapsuleFk属性设置ForeignKey属性。这是我在我的视图上显示的模型，在这个模型下
浏览 0提问于2013-03-24得票数 0
回答已采纳
当DropDownList以模型内的对象字段为目标时，我无法从DropDownList中获得值。
@Html.DropDownList("MyID", null, htmlAttributes: new { @class = "form-control" })
ViewBag中充满了以下内容：
ViewBag.MyID = new SelectList(db.WFMasters, "MyID", "Code", wFDefDetail.wfDef.MyID); //MyID is property of wfDef. Model
浏览 0提问于2017-06-19得票数 1
回答已采纳
我首先尝试使用MVC4和EF代码，并且在获取DropDownList来更新模型类型的外键时遇到问题。
以下是我的模型：
public class Customer
{
public int CustomerID { get; set; }
public string FirstName { get; set; }
public string LastName { get; set; }
}
public class Party
{
public int PartyID { get; set; }
public virtual Customer H
浏览 3提问于2012-09-21得票数 2
回答已采纳
1回答
我希望从html页面上的dropdownList中获取参数，并将其发送到我的控制器，创建新的模型对象，并将其插入数据库。
这是我的控制器(创建My_Model的两种方法)：
public ActionResult Create()
{
IEnumerable<MusicStyle> musicStyleList = db.MusicStyles.ToList();
ViewData["musicStyles"] = new SelectList(musicStyleList);
return View();
浏览 1提问于2015-06-21得票数 2
回答已采纳
2回答
订阅事件处理程序
、、
我对订阅事件处理程序的利弊感到好奇。
<asp:DropDownList id="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged" />
vs
protected void Page_Init(object sender, EventArgs e)
{
this.DropDownList1.SelectedIndexChanged += new EventHandler(DropDownList1_
浏览 4提问于2010-03-26得票数 0
回答已采纳
新手ASP.NET MVC问题：
我有以下模型：
public class Customer
{
public string FirstName { get; set; }
public string LastName { get; set; }
public Address Address { get; set; }
}
以及客户的以下视图：
<% using (Html.BeginForm()) { %>
First Name: <%=Html.TextBox("FirstName") %>
Last Name
浏览 3提问于2009-12-16得票数 3
回答已采纳
我有以下代码。
<s:DropDownList dataProvider={_dataProvider}/>
<fx:Script>
private var _dataProvider:ArrayCollection = new ArrayCollection([{label:"one", data:1}, {label:"two", data:2}]);
</fx:Script>
我想在DropDownList中绑定selectedItem的数据属性。有没有办法做到这一点？
浏览 0提问于2010-08-03得票数 0
回答已采纳
Model1:
public class Model1
{
public int Id { get; set; }
public int VariantId { get; set; }
public string Name { get; set; }
public string Language { get; set; }
public IList<Model2> ListModel2{ get; set; }
浏览 0提问于2014-01-31得票数 0
回答已采纳
我有一个可以显示文化的Kendo.DropDownList。
在第一次加载DropDown时，我希望将其默认选定值设置为当前区域性。
这是下拉列表：
@(Html.Kendo().DropDownList()
.Name("culture")
.DataValueField("Value")
.DataTextField("DisplayText")
.DataSource(dataSource =>
{
dataSource
浏览 2提问于2019-05-15得票数 0
我有一个2-3 DropDownLists和一些其他控件的AIR应用程序.DropDownLists绑定到中央模型中的数据提供者(ArrayCollections)。在发射时，它们都正常工作。
但是，当我单击一个按钮向同一模型中的另一个ArrayCollection中的对象添加新对象时，DropDownLists会变得很奇怪。他们仍然注册点击，所有其他控件仍然像以前一样工作，但下拉列表不会打开。单击/等待足够多通常会打开下拉列表，但是如果我不进行另一个选择，它在关闭后仍然不会打开。做一个不同的选择使DropDownList再次工作，但其他人可能仍然拒绝打开。
如果我使用Ctrl + Down箭
浏览 1提问于2011-05-12得票数 0
回答已采纳
1回答
我确实检查了所有的问题，但我不知道如何解决它。我需要你们的帮助。
这是我关于下拉列表的代码。当我发布页面时，我得到了上面提到的错误消息。错误：
“System.NullReferenceException”类型的异常发生在App_Web_ikconokc.dll中，但未在用户代码附加信息中处理:对象引用未设置为对象的实例。
我想在一个视图中使用两个模型。除了@Html.DropDownList之外，所有的功能都很好。考虑到：
@model Tuple<Models.Framework.Drink, Models.Framework.Drinks_Category>
浏览 1提问于2017-03-13得票数 1
2回答
我是.net编程的新手，也许我正在尝试做的事情相对简单，但直到现在我还找不到任何有用的示例。
我想将锚元素生成到一个DropDownList中。我在asp.net中有以下代码：
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True">
</asp:DropDownList>
在后台代码(c#)中，我想查询数据库(结果返回一个url、描述和标题)，并用以下内容填充DropDownList：
<a href="url"
浏览 0提问于2013-08-20得票数 1
1回答
当我从DropDownList中选择任何值时，第一个值将被选中。
代码的目的是，每当我从DropDownList中选择一个值时，数据库中的相应值就应该显示在TextBox中。
protected void Page_Load(object sender, EventArgs e)
{
SqlConnection con = new SqlConnection("connection string");
con.Open();
DataTable Seminars = new DataTable();
Sq
浏览 0提问于2013-12-07得票数 0
回答已采纳
嗨，在我和剃刀的MVC3项目中，我有一个疑问。
我有一个名为CatlogPage.cshtml的页面。在该页面中，我有一个Dropdownlist控件。
@(Html.Telerik().DropDownListFor(m => m.CatalogName)
.BindTo(Model.CatalogName).HtmlAttributes(new { style = "width:235px" }))
<input type="submit" value="Next" />
我有一个名为Hierarchy.c
浏览 2提问于2013-03-18得票数 0
回答已采纳
我以以下方式使用Dropdownlist的HTML帮助程序：
<%= Html.DropDownList("State", new SelectList(states, Model)) %>
控件呈现得很好，状态项与预期一致。但是，控件的id和名称未正确呈现。我得到的不是name="state“和id="state”，而是name="State.State“和id="State_State”。
因此，我发布的模型中的State字段为空，当然，我的代码也会失败。
是什么导致了这种情况的发生，我应该如何尝试解决它？
谢谢!
浏览 1提问于2011-04-19得票数 0
我想在单击特定行中的编辑按钮时绑定一个DropDownList。DropDownList必须显示部门名称。
但是，当我从模板中按下编辑图像按钮时，从DropDownList中选择的值始终是该DropDownList中的第一个值。
ASPX：
<asp:GridView ID="gvEmployeeDetails" runat="server" Width="600px"
AutoGenerateColumns="false" ShowFooter="true"
OnRowDataBound
浏览 0提问于2016-04-06得票数 1
1回答
EF6:枚举类型
、、、
EF6设计器中有一个将属性转换为枚举类型的选项。我只是用它将一个新的枚举类型添加到我的模型中。如何将此枚举绑定到FormView中的DropDownList？
注意:我正在使用带有ASP.NET模型绑定的Web Forms。
浏览 4提问于2014-04-14得票数 0
我在FormView 4.5中使用Asp.net编辑实体模型，如下所示：
<asp:FormView runat="server" ....>
<EditItemTemplate>
.....
<asp:DropDownList runat="server" SelectedValue='<%# BindItem.value %>'>
</asp:DropDownList>
.....
</EditItemTemplate>
浏览 1提问于2012-12-26得票数 1
我正在尝试绑定一个kendo下拉列表和模型，但是我在每个选项中都没有定义。
型号：
public SelectList CountriesTemp { get; set; }
public int Country{get;set;}
控制器：
public ActionResult Registration()
{
RegistrationModel Model = new RegistrationModel();
Model.CountriesTemp = new SelectList(ObjService.GetCountries(), "CountryID",
浏览 1提问于2014-09-16得票数 0
我的模型中有两个DropDownList元素。
[DisplayName("Site")]
public List<KeyValuePair<int, string>> Site { get; set; }
public int SelectedSiteID { get; set; }
<%= Html.DropDownListFor(model => model.SelectedSiteID, new SelectList(Model.Site, "Key", "Value"))%>
[Display
浏览 0提问于2012-10-31得票数 0
回答已采纳
我正在动态地生成一个下拉框。我试图将下拉框中选定的值作为模型的字段之一发送给控制器。
@using (Html.BeginForm("AddItem", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
<label>
Category:</label>
@Html.DropDownList("Category", (IEnumerable<Selec
浏览 4提问于2012-04-24得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
