使用 Javascript 更改 ListBox 中选定索引的颜色答案

【问题标题】：Change the color of selected index in ListBox with Javascript使用 Javascript 更改 ListBox 中选定索引的颜色
【发布时间】：2013-09-03 10:47:58
【问题描述】：

大家好，

我目前正在使用 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";
}

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

var myListVerkaufschanceLenght = myListVerkaufschance.length;

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

    }
}

所以我遍历所有项目，如果项目被选中，那么改变颜色？有人有更好的主意吗？

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

感谢您的帮助:)

【问题讨论】：

标签： javascript colors listbox crm selectedindex

【解决方案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"
        });
    });

}

..这就是它的外观。取消选择该字段后，背景颜色将保持不变。

【讨论】：