Изменение цвета выбранного индекса в ListBox с Javascript

Question

Hy ребята,

Я работаю с на данный момент реализована Microsoft Dynamics CRM 2011, и я пытаюсь настроить управление ListBox. Поэтому у меня есть Listbox с 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) { 

    } 
} 

Итак, я просматриваю все предметы, и если элемент выбран, то измените цвет? У кого-то есть лучшая идея?

Я нашел также другие темы с похожими проблемами, но им нужно было изменить один цвет, и мне нужно несколько цветов.

Thx за вашу помощь :)

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" 
     }); 
    }); 

} 

..и это как выглядит. Цвет фона сохраняется, если поле не выбрано.