Tengo un listado con unas opciones de: Bueno, Regular y Malo. Lo que quiero hacer, con PHP y Bootstrap, es que cuando se seleccione (por ejemplo, Bueno), todo el recuadro se ponga de color verde; cuando seleccione Regular, cambie a amarillo, pero quiero que cambie de color todo el div que lo contiene. No sé si haya forma de hacerlo.
<select class="form-control" name='canon'>
<div class="list-group">
<option <?php if($fila['canon']=='Bueno'){ echo "selected";}?> value="Bueno">Bueno </option>
<option <?php if($fila['canon']=='Regular'){ echo "selected";}?> value="Regular">Regular</option>
<option <?php if($fila['canon']=='Malo'){ echo "selected";}?> value="Malo">Malo</option>
<option <?php if($fila['canon']=='No posee'){ echo "selected";}?> value="No posee">No Posee</option>
</div>
</select>
Quiero que al seleccionar alguna de estas opciones, todo el select se ponga del color, es decir, todo el select se ponga verde al seleccionar bueno, pero sólo al seleccionarlo cambie de color.