mvc3中选择列表项的样式

Question

我正在修改一些我没写过的代码，而且我对Razor很新。

这是车辆的选择列表，代码如下：

<select name="selectVehicle" class="cls_vehicles" data-bind="options:        $root.vehicles,optionsCaption:$root.noVehicleText, optionsText:     'VehicleNumber',optionsValue: 'VehicleID',value: VehicleID"><option value=""/></select>

除了Vehicleid和Vehiclenumber之外，我的数据源还包含Vehicletype，现在我想根据类型突出显示车辆，因此汽油车是蓝色的，柴油车是绿色的。

但我不知道如何解决这个问题，非常感谢任何帮助。

Answer 1

所以，你的问题代码对其中的选项有一个淘汰数据绑定，所以我现在假设你使用Knockout作为数据源。为此，您必须稍微扩展绑定，以便您可以单独为每个选项放置一个css类。

<select data-bind="value: selectedCar, foreach: cars">
    <option data-bind="css: { carDiesel: isDiesel, carGas: isGas }, text: name"></option>
</select>​

现在，这取决于你的淘汰视图模型的结构，但是here is the fiddle我使用这种方法。你应该能够适应它以适应你的。如果你想要一个只有Razor的解决方案，请告诉我。