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>

Knockoutjs：在下拉列表中更改所选值的颜色

1 个答案: