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>