在数据库值的dropdownList项中添加不同的颜色

Question

我有一个下拉列表。这个下拉列表是从数据库

绑定的

 @Html.DropDownListFor(m => m.AcademicAchievementColor, Model.BindRatings, "Select" })

AcademicAchievement和BindRatings是我的模型属性

我在控制器中分配值

schoolPerformanceModel.BindRatings = new SelectList(performanceRepository.GetRatings(), "RatingId", "RatingName");

。数据库值

1)Exceeds
2)Meets
3)Approaching
4)Does Not Meet

我使用jquery进行更改颜色

见下文

<script type="text/javascript">
    (document).ready(function() {
        $('#AcademicAchievementColor option:Exceeds').css('background-color', '#Red');
        $('#AcademicAchievementColor option:Meets').css('background-color', 'Green');
        $('#AcademicAchievementColor option:Approaching').css('background-color', '#Yellow');
        $('#AcademicAchievementColor option:Does Not Meet').css('background-color', 'Blue');
    });
</script>

但是，它不起作用。你有什么想法吗？

Answer 1

试试这个

$('#AcademicAchievementColor option[value=Exceeds]').css('background-color', 'red');