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>