Foros del Web » Programando para Internet » Javascript »

Un DropDown que cambia al Click!!

Estas en el tema de Un DropDown que cambia al Click!! en el foro de Javascript en Foros del Web. Saludos amigos del web.. No soy muy diestro con javascript por eso mi pregunta puede ser muy basica Pero lo que estoy buscando hacer es: ...
  #1 (permalink)  
Antiguo 07/01/2010, 11:18
Avatar de GXT2  
Fecha de Ingreso: junio-2009
Ubicación: Fort Lauderdale, FL
Mensajes: 152
Antigüedad: 14 años, 11 meses
Puntos: 0
De acuerdo Un DropDown que cambia al Click!!

Saludos amigos del web..
No soy muy diestro con javascript
por eso mi pregunta puede ser muy basica

Pero lo que estoy buscando hacer es:

tengo una imagenes cada una de diferente color y
un dropdown con los mismos colores pero en texto

Al darle click a la imagen con el color EJ: ROJO
En el DropDown deberia cambiarse al texto donde Dice Rojo

Nada mas amigos de antemano mil gracias.
  #2 (permalink)  
Antiguo 07/01/2010, 11:29
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
Respuesta: Un DropDown que cambia al Click!!

Suponiendo que tienes una lista así:
Código HTML:
Ver original
  1. <select id="colores">
  2.     <option value="rojo">Rojo</option>
  3.     <option value="verde">Verde</option>
Lo único que necesitas hacer es cambiar el value:
Código Javascript:
Ver original
  1. document.getElementById("colores").value = "rojo";
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 07/01/2010, 11:41
Avatar de GXT2  
Fecha de Ingreso: junio-2009
Ubicación: Fort Lauderdale, FL
Mensajes: 152
Antigüedad: 14 años, 11 meses
Puntos: 0
Respuesta: Un DropDown que cambia al Click!!

Mil gracias David, por responderme y por tu tiempo

creo que no me explique bien ....

yo tengo algo como esto:
Código HTML:
<img src:"rojo.jpg">
<img src:"azul.jpg">
<img src:"verde.jpg"> 
Tambie tengo el dropdown que es como tu dice arriba si:
Código HTML:
 <select id="colores">
          <option value="0">Seleccione Un Color</option>
          <option value="rojo">Rojo</option>
          <option value="verde">Azul</option>
          <option value="verde">Verde</option>
      </option> 
Lo que se supone es que al darle clik a la imagen por ejemplo le doy click a
<a href="javascript:selectDrop(color)">
<img src:"rojo.jpg">
</a>
Entonces deberia el dropdow setearse asi :
<option value="rojo" selected>Rojo</option>

Recien ahorita anadi la funcion donde se resolveria la accion.

Gracias otra vez espero haberme explicado mejor para ti David
  #4 (permalink)  
Antiguo 07/01/2010, 11:43
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
Respuesta: Un DropDown que cambia al Click!!

Sí, y justamente a eso me refería. Cuando cambias el value del select, ese pasa a ser el elemento seleccionado.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #5 (permalink)  
Antiguo 08/01/2010, 08:53
Avatar de GXT2  
Fecha de Ingreso: junio-2009
Ubicación: Fort Lauderdale, FL
Mensajes: 152
Antigüedad: 14 años, 11 meses
Puntos: 0
Respuesta: Un DropDown que cambia al Click!!

MIl gracias bueno como lo solucione fue asi :

[JAVASCRIPT]

document.getElementById("colors").value = color_id;

[/JAVASCRIPT]

Etiquetas: dropdown, cambios
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:24.