使用Javascript更改ListBox中所选索引的颜色

Question

Hy guys，

我目前正在使用Microsoft Dynamics CRM 2011，我正在尝试自定义Listbox控件。所以我有4个选项列表框，每个选项都是不同的颜色。代码是：

new_verkaufschance - ListBox控件的名称

function VerkaufschanceChangeColorsFunction() {

var myListVerkaufschance = crmForm.all.new_verkaufschance;

var option1 = myListVerkaufschance.options[1];
var option2 = myListVerkaufschance.options[2];
var option3 = myListVerkaufschance.options[3];
var option4 = myListVerkaufschance.options[4];
var option5 = myListVerkaufschance.options[5];
var option6 = myListVerkaufschance.options[6];
var option7 = myListVerkaufschance.options[7];
var option8 = myListVerkaufschance.options[8];

option1.style.backgroundColor = "#FA676F";
option2.style.backgroundColor = "#F98B70";
option3.style.backgroundColor = "#FDBD7D";
option4.style.backgroundColor = "#DFE384";
option5.style.backgroundColor = "#A3D07F";
option6.style.backgroundColor = "#7FC57F";
option7.style.backgroundColor = "#67BC7B";
option8.style.backgroundColor = "#F8696B";
}

现在问题是当我从ListBox中选择一个选项时，我选择的项目没有得到它的颜色，但crm将其切换回默认的白色。我想要选择的项目保持他的颜色。我试过这个：

var myListVerkaufschanceLenght = myListVerkaufschance.length;

for (var i = 0; i < myListVerkaufschanceLenght; i++) {
    if (myListVerkaufschanceLenght[i].value == myListVerkaufschanceLenght.value) {

    }
}

所以我会检查所有项目，如果项目是选定项目，那么更改颜色？有人有更好的主意吗？

我发现其他类似问题的主题，但他们需要更改为一种颜色，我需要多种颜色选项。

感谢你的帮助：）

Answer 1

这是我如何实现这一点，依赖于jQuery。在表单加载事件上注册该函数。

function ColourPriority() {

    $("#new_priority").children().each(function () {
        var a = this;

        // P1
        $(a).val() == 100000000 && $(a).css({
            background: "#F6CECE"
        });
        // P2
        $(a).val() == 100000001 && $(a).css({
            background: "#F8E0E0"
        });
        // P3
        $(a).val() == 100000002 && $(a).css({
            background: "#F3E2A9"
        });
        // P4
        $(a).val() == 100000003 && $(a).css({
            background: "#F7F8E0"
        });
        // P5
        $(a).val() == 100000004 && $(a).css({
            background: "#D0F5A9"
        });
        // P6
        $(a).val() == 100000005 && $(a).css({
            background: "#E0F2F7"
        });
    });

}

..这就是它的样子。一旦取消选择该字段，背景颜色将持续存在。