Foros del Web » Programando para Internet » Javascript »

Clickear enlace y afectar a un select

Estas en el tema de Clickear enlace y afectar a un select en el foro de Javascript en Foros del Web. Hola a todos, les dejo un ejemplo de algo que estoy tratando de hacer: Código HTML: <a href= "#" > Opción 1 </a> <a href= ...
  #1 (permalink)  
Antiguo 20/09/2011, 16:28
 
Fecha de Ingreso: febrero-2009
Mensajes: 202
Antigüedad: 15 años, 2 meses
Puntos: 3
Clickear enlace y afectar a un select

Hola a todos,
les dejo un ejemplo de algo que estoy tratando de hacer:

Código HTML:
<a href="#">Opción 1</a>
<a href="#">Opción 2</a>

<select>
<option onclick="mifuncion(parametro)">Opción 1</option>
<option onclick="mifuncion(parametro)">Opción 2</option>
</select> 
Lo que yo quiero es que al clickear "Opción 1" en la lista de enlaces automáticamente cambie el select al option "Opción 1". ¿Cómo puedo hacer para que en el select se seleccione la opción clickeada en el link y que ademas se ejecute la función de ese option?

Mi idea es usar un image map para que al clickear en sus "area" se haga el cambio que podría hacerse también manualmente desde el select.
Podría llamar a la función desde los link del map, pero lo que yo quiero es que se refleje al mismo tiempo en el select. Por ejemplo si en el mapa hay una foto de Buenos Aires, que en el select aparezca seleccionado Buenos Aires además de ejecutarse la función de ese option que se trata de mostrar información relacionada al click (les cuento porque tal vez puede hacerse mejor de otra manera)


Gracias!
  #2 (permalink)  
Antiguo 20/09/2011, 17:17
 
Fecha de Ingreso: julio-2011
Mensajes: 220
Antigüedad: 12 años, 8 meses
Puntos: 72
Respuesta: Clickear enlace y afectar a un select

Pues para cambiar la opción seleccionada se debe recorrer el array 'options' del select y colocar la propiedad 'selected' de la opción deseada a 'true'. Esto es algo asi.
Código Javascript:
Ver original
  1. <script>
  2. function seleccionar(pos)
  3. {
  4.     var lista= document.getElementById('map');
  5.     lista.options[pos].selected= true;
  6. }
  7. </script>
  8.  
  9. <a href="#" onclick="seleccionar(0)">op 1</a>
  10. <a href="#" onclick="seleccionar(1)">op 2</a>
  11. <a href="#" onclick="seleccionar(2)">op 3</a>
  12. <br>
  13. <select id="map">
  14. <option value="op1">op 1</option>
  15. <option value="op2">op 2</option>
  16. <option value="op3">op 3</option>
  17. </select>

Creo que si seria buena idea llamar a la otra función desde los enlaces.

Etiquetas: enlace, funcion, 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 18:11.