@Html.DropDownListFor -如何为列表中的单个项目设置不同的颜色？
@Html.DropDownListFor -如何为列表中的单个项目设置不同的颜色？
提问于 2016-10-25 19:28:58
我希望有一个项目在我的DDL是一个不同的颜色(红色)。但是，列表来自一个表，在页面中没有硬编码，如下所示
<option value="Option 1">Option 1</option>
但却是
@Html.DropDownListFor(r => r.Journal.Frequency, Model.JournalFrequencyList, "Select a Frequency", new { @class = "form-control" })
有没有办法使一个项目成为不同的颜色？
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-10-25 19:47:30
您可以更新样式/css以使一项变为红色。现在，您没有指定您想要的特定项。使用jQuery，您可以选择一个特定的选项并将该选项的颜色设置为红色。
假设您的剃刀视图呈现一个选择元素，如下所示
<SELECT id="fancySelect">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</SELECT>如果要将值属性设置为“2”的选项的颜色设置为"2"，则可以使用以下代码
$(function(){
$("#fancySelect option[value='2']").css('color','red');
//you can also apply a css class if needed
});如果要更新不同的选项，请更新jQuery选择器以获得该选项。
编辑：根据评论
是否有任何方法来使用文本而不是值？如果文本被“删除”，示例更改
您可以更新jQuery选择器以获得带有特定文本的选项。
$("#fancySelect").find("option:contains('Deleted')").css('color','red');我建议您依赖选项值，而不是文本，您可以将该值设置为可以对其进行编程的代码。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40248142
复制相关文章
相似问题
腾讯云开发者
