1

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

 @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>

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

4

1 回答 1

0

尝试这个

$('#AcademicAchievementColor option[value=Exceeds]').css('background-color', 'red');
于 2013-06-17T16:05:27.027 回答