从数据库值中添加不同颜色的下拉列表项

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');