Knockoutjs: изменение цвета выделенного значения в выпадающем списке

Question

У меня очень простой выпадающий список, заполненный значениями из модели представления. Когда вы выбираете «синий» Я хочу, чтобы цвет выбранного значения стал синим. Это возможно?

HTML:

<select data-bind="options: colors, value: selectedColor"></select> 

JavaScript:

var ColorsViewModel = function() { 
    this.colors = ko.observableArray(['blue', 'yellow', 'pink']); 
    this.selectedColor = ko.observable('blue'); 
}; 

ko.applyBindings(new ColorsViewModel()); 

JSFiddle: http://jsfiddle.net/2Qnv7/108/

Спасибо!

Answer 1

Используйте style связывания:

<select data-bind="options: colors, value: selectedColor, style: {'background-color': selectedColor}"></select>