Tema: link dependiente de un select
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 12/07/2012, 22:43
racba
 
Fecha de Ingreso: diciembre-2004
Mensajes: 21
Antigüedad: 20 años
Puntos: 3
Respuesta: link dependiente de un select
Hola a todos:
Que les parece este codigo:
Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4.  function cambiar_link(){
  5.       var _link = new Array('milink1', 'milink2', 'milink3');
  6.       alert('Este es el array con todos los links: '+_link);
  7.       _div = document.getElementById('id_div');
  8.       _select = document.getElementById('id_select')
  9.       _optioncant = _select.length;
  10.       alert ('Las cantidad de opciones son: '+_optioncant);
  11.       _option=_select.options[_select.selectedIndex].index;
  12.       alert('Esta es la opcion numero: '+_option+ '. Recordar que la primera opcion es 0');
  13.       for (i=1; i< _optioncant; i++){
  14.           if (i == _option){
  15.             _div.innerHTML = '<a href="http://www.'+_link[i-1]+'.com">Mi link '+i+'</a>';
  16.             break;
  17.           }
  18.        }
  19.     }
  20.    </script>
  21. </head>
  22. <body>
  23. <form>
  24.   <select id="id_select" onchange="cambiar_link()">
  25.    <option>OPCIONES</option>
  26.    <option>opcion 1</option>
  27.    <option>opcion 2</option>
  28.    <option>opcion 3</option>
  29.   </select>
  30.   </form>
  31.   <div id='id_div'></div>
  32.   </body>
  33.  </html>