html的select添加类,添加一个css类来select使用@ Html.DropDownList()

看着控制器,并多了解MVC是如何工作的,我能够理解这一点。

我的看法是自动生成的一个,包含这行代码:

@Html.DropDownList("PriorityID", string.Empty)

要添加html属性,我需要做这样的事情:

@Html.DropDownList("PriorityID", (IEnumerable)ViewBag.PriorityID, new { @class="dropdown" })

再次感谢@劳伦特的帮助,我意识到这个问题并不是很清楚。

更新:

这样做的一个更好的方法是在可能的情况下使用DropDownListFor ,这样就不会依赖magicstring作为name属性

@Html.DropDownListFor(x => x.PriorityID, (IEnumerable)ViewBag.PriorityID, new { @class = "dropdown" })

由于错误消息的签名意味着第二个参数必须是IEnumerable,更具体地说,是SelectListItem的IEnumerable。 这是select的列表。 您可以使用SelectListtypes,它是SelectListItem的IEnumerable。 对于没有select的列表:

@Html.DropDownList("PriorityID", new List(), new {@class="textbox"} )

有几个select的列表:

@Html.DropDownList( "PriorityID", new List { new SelectListItem { Text = "High", Value = 1 }, new SelectListItem { Text = "Low", Value = 0 }, }, new {@class="textbox"})

也许这个教程可以帮助: 如何使用ASP.NET MVC创buildDropDownList

如果在Asp.Net MVC中添加了比参数ya dropdownlist更多的参数。 当你编辑logging或查看袋中的值。

使用这将是工作: –

@Html.DropDownList("CurrencyID",null,String.Empty, new { @class = "form-control-mandatory" })

你可以使用jQuery来做到这一点

$("select").addClass("form-control")

在这里,selectis-html标签,表单控件是类名称

@Html.DropDownList("SupplierId", "Select Supplier")

在这里,SupplierId是ViewBagList,select供应商是 – 显示名称

只需试试这个

@Html.DropDownList("PriorityID", (IEnumerable)ViewBag.PriorityID, new { @class="dropdown" })

但是,如果你想要一个默认值或没有选项值,那么你必须尝试这一个,因为String.Empty将select没有值作为-select-作为默认选项

@Html.DropDownList("PriorityID", (IEnumerable)ViewBag.PriorityID, String.Empty, new { @class="dropdown" })

尝试这个:

@Html.DropDownList( "country", new[] { new SelectListItem() { Value = "IN", Text = "India" }, new SelectListItem() { Value = "US", Text = "United States" } }, "Country", new { @class = "form-control",@selected = Model.Country} )

在构造函数中有一些选项,如果你没有dropdownLis,你想插入你可以使用的html类

@Html.DropDownList("Country", null, "Choose-Category", new {@class="form-control"})

在这种情况下,国家是您的下拉列表的名称,null是你没有从你的控制器通过任何通用列表“select – 类别”是select项目和最后一个在HTML类如果你不想select任何默认选项简单地用“”replace“select – 类别”

尝试下面的代码:

@Html.DropDownList("ProductTypeID",null,"",new { @class = "form-control"})

尝试这个

@Html.DropDownList("Id", null, new { @class = "ct-js-select ct-select-lg" })

你可以简单地做到这一点:

@Html.DropDownList("PriorityID", null, new { @class="form-control"})

要给C# DropDownList控件添加输入搜索功能,可以使用以下步骤: 1. 在页面上添加一个文本框和一个DropDownList控件。 2. 给文本框添加一个onkeyup事件,每当用户输入内容时就会触发该事件。 ```C# <asp:TextBox ID="txtSearch" runat="server" onkeyup="searchDropDownList()"></asp:TextBox> <asp:DropDownList ID="ddlItems" runat="server"></asp:DropDownList> ``` 3. 在JavaScript中编写searchDropDownList函数,该函数将获取文本框中的内容并使用jQuery筛选DropDownList中的项。然后将过滤后的项重新绑定到DropDownList中。 ```JavaScript function searchDropDownList() { var input, filter, ul, li, a, i; input = $("#<%=txtSearch.ClientID %>").val().toUpperCase(); filter = input; var items = $("#<%=ddlItems.ClientID %> option"); for (i = 0; i < items.length; i++) { if (items[i].text.toUpperCase().indexOf(filter) > -1) { items[i].style.display = ""; } else { items[i].style.display = "none"; } } } ``` 4. 在页面载时,以及DropDownList数据发生变化时,都需要调用searchDropDownList函数来刷新过滤结果。 ```C# protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { // 绑定DropDownList数据 BindDropDownList(); // 初始过滤 searchDropDownList(); } } protected void ddlItems_SelectedIndexChanged(object sender, EventArgs e) { // 数据变化时,刷新过滤结果 searchDropDownList(); } ``` 5. 最后,可以在CSS中为DropDownList添加样式以使其更容易被搜索。 ```CSS select { padding: 5px; margin: 0; border: 1px solid #ccc; box-shadow: none; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值