Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Cambiar fondo de select

Estas en el tema de Cambiar fondo de select en el foro de Jquery en Foros del Web. hola , gracias de antemano. me gustaría saber si es posible cambiar el color de fondo de un select según su selección con jquery. a ...
  #1 (permalink)  
Antiguo 06/01/2014, 10:48
 
Fecha de Ingreso: julio-2013
Mensajes: 34
Antigüedad: 11 años, 5 meses
Puntos: 2
Cambiar fondo de select

hola , gracias de antemano.
me gustaría saber si es posible cambiar el color de fondo de un select según su selección con jquery.

a de más tengo muchos select que me gustaría que se comportasen igual
así que llamarlos por id no es una opción , un dato es que los tengo todos con la misma class , pero me gustaría que cada uno tuviese el color de fondo según lo que se seleccione.

espero haber sido claro.
  #2 (permalink)  
Antiguo 06/01/2014, 14:51
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años, 1 mes
Puntos: 977
Respuesta: Cambiar fondo de select

Como quieres que la función sea general, es decir, no afecte a un combo sino a varios y por ende, no sabemos cuántos ni qué valores contendrán cada uno de ellos, se me ocurre que el color se establezca de acuerdo a si la opción seleccionada es par o impar. Un pequeño ejemplo:

Código HTML:
Ver original
  1.     <option>UNO</option>
  2.     <option>DOS</option>
  3.     <option>TRES</option>

Código Javascript:
Ver original
  1. $("select").change(function(){
  2.     if ($(this).prop("selectedIndex") % 2 === 0)
  3.       $(this).css("background", "green");
  4.     else
  5.       $(this).css("background", "red");
  6. });

Cada vez que selecciones una opción par del combo, ésta tomará el color verde, caso contrario, tomará el color rojo. No importa cuántos ni qué valores posea el combo, con la propiedad selectedIndex, tomo el índice de la opción seleccionada del combo y en base a dicho valor, determino si es par o impar.

Aquí puedes ver un ejemplo en ejecución, saludos.
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 07/01/2014, 02:54
 
Fecha de Ingreso: julio-2013
Mensajes: 34
Antigüedad: 11 años, 5 meses
Puntos: 2
Respuesta: Cambiar fondo de select

Gracias por la respuesta al fina lo solucioné con php y mysql Saludos

Etiquetas: select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:02.