使用Javascript更改列表框中选定索引的颜色

使用Javascript更改列表框中选定索引的颜色,javascript,colors,listbox,crm,selectedindex,Javascript,Colors,Listbox,Crm,Selectedindex,嗨,伙计们 我目前正在使用Microsoft Dynamics CRM 2011,我正在尝试自定义列表框控件。所以我有8个选项来选择列表框,每个选项都是不同的颜色。代码是: new_verkaufschance-ListBox控件的名称 function VerkaufschanceChangeColorsFunction() { var myListVerkaufschance = crmForm.all.new_verkaufschance; var option1 = myListVe

嗨,伙计们

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

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";
}
现在的问题是,当我从列表框中选择一个选项时,我选择的项目没有得到它的颜色,但是crm将其切换回默认的白色。我希望所选物品保持他的颜色。我试过这个:

var myListVerkaufschanceLenght = myListVerkaufschance.length;

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

    }
}
var myListVerkaufschanceLength=myListVerkaufschance.length;
对于(变量i=0;i
所以我检查了所有的项目,若项目是选中的项目,那个么改变颜色?有人有更好的主意吗

我还发现其他主题也有类似的问题,但它们需要更改为一种颜色,我需要多个颜色选项


谢谢你的帮助:)

以下是我是如何做到这一点的,它依赖于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"
        });
    });

}
…这就是它的样子。取消选择字段后,背景色将保持不变