Ver Mensaje Individual
  #4 (permalink)  
Antiguo 06/09/2007, 15:37
kru
 
Fecha de Ingreso: septiembre-2007
Mensajes: 11
Antigüedad: 17 años, 2 meses
Puntos: 0
Re: listas desplegables con links a paginas web

que emocion que me contestaron!! no sabes lo que he aprendido con estos foros!!
Muchas Gracias, la verdad es que lo q me pusiste esta bastante mas cerca que lo que tenia asi que gracias, pero ahora nose como unir las cosas.
Lo que pasa es que yo tenia un tremendo codigo que me creaba dos listas deplegables donde la segunda dependia de la primera, y lo que quiero es que dp de haber seleccionado opcion en la primera y segunda lista, haya un boton que me envie a una pagina web (segun opciones elegidas)

este es el tremendo codigo que yo tengo, que parece que no sirve:)...alguien me puede decir si se hace asi, o de la otra forma mas cortita que puso ROGERTM o con una mezcla

GRACIAS A TODOS LOS Q PASAN

Código HTML:
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">

   // Valores posibles de las opciones del primer "select"
   var valores_select_1=new Array("Certificación de Sistemas","Certificación de productos ISO CASCO 5"," Certificación de productos ISO CASCO 1,2,3,4,7,8","Laboratorios de Calibración","Laboratorios de Ensayo");

   // Valores posibles de las opciones del segundo "select"
   // Valores asociados a la primera opción del primer "select" ("Certificación de Sistemas")
   var fila1= new Array("Sist. Gestión de Calidad","Sist. Aseguramiento HACCP","Sist. Gestión PYME","Sist. Gestión Ambiental","Sist. Gestión Seguridad y Salud ocupacional");

   // Valores asociados a la segunda opción del primer "select" ("Certificación de productos ISO CASCO 5")
   var fila2= new Array("Artículos de Protección Personal","Materiales para Obras e Instalaciones Sanitarias","Materiales de Construcción","Productos Eléctricos","Productos y Artefactos para Combustibles Gaseosos","Dispositivos Médicos","Extintores Portátiles");

   // Valores asociados a la tercera opción del primer "select" ("Certificación de productos ISO CASCO 1,2,3,4,7,8")
   var fila3= new Array("Artículos de Protección Personal","Materiales para Obras e Instalaciones Sanitarias","Materiales de Construcción","Productos Eléctricos","Productos y Artefactos para Combustibles Gaseosos","Dispositivos Médicos","Extintores Portátiles");

   // Valores asociados a la cuarta opción del primer "select" ("Laboratorios de Calibración")
   var fila4= new Array("Magnitud Masa I","Magnitud Masa II","Magnitud Temperatura I"," Magnitud Temperatura I I"," Magnitud Volumen");
   
   // Valores asociados a la quinta opción del primer "select" ("Laboratorios de Ensayo")
   var fila5= new Array("Extintores","Productos de Combustibles","Productos Eléctricos","Alimentos y Productos Hidrobiológicos","Aguas y Riles","Utensilios, Superficies, Ambiente y Manipuladores","Química de Mínerales","Química para juegos, Lodos, Rises y Juguetes","Construcción – Hormigones y Morteros","Construcción – Mecánica de Suelos y áridos"); 
   // Array de filas de opciones 
   var valores_select_2= new Array(fila1,fila2,fila3,fila4,fila5);

   // Escribe el código HTML correspondiente a las opciones de un "select"
   // tomando como valores los registrados en el array que recibe como parámetro
   function escribir_opciones_select(valores)
   {
   for (var i=0; i < valores.length; i++)
      window.document.writeln('<OPTION VALUE="'+valores[i]+'">'+
                            valores[i]+'</OPTION>');
   }
 
   // Actualiza las opciones del segundo "select" en función de la opción
   // seleccionada en el primero.
   function cambiar_select_2(formulario,valores_select_1,valores_select_2)
   {
   // Obtención del índice activo en el primer "select"
   var indice=formulario.select_1.selectedIndex;
   
   // Actualización de las valores de las opciones posibles del segundo "select"
   formulario.select_2.length=valores_select_2[indice].length;
   for (var i=0; i < valores_select_2[indice].length; i++)
      {
      formulario.select_2.options[i].text=valores_select_2[indice][i];
      formulario.select_2.options[i].value=valores_select_2[indice][i];
      }
   // Se activa la primera opción del segundo "select"
   formulario.select_2.selectedIndex=0;   
   }
  
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="formulario">
   <left>
      <FONT SIZE=2><i>Seleccione:</i></FONT>
   <SELECT NAME="select_1"
    onChange="cambiar_select_2(this.form,valores_select_1,valores_select_2)">
      <SCRIPT LANGUAGE="JavaScript">
         escribir_opciones_select(valores_select_1)
      </SCRIPT>
   </SELECT>
   &nbsp;&nbsp;&nbsp;
  <br> <FONT SIZE=2><i>Seleccione Área, Producto o Magnitud:</i></FONT>
   <SELECT NAME="select_2">
      <SCRIPT LANGUAGE="JavaScript">
         escribir_opciones_select(valores_select_2[0])
      </SCRIPT>
   </SELECT><BR>
   </CENTER>
</FORM>
</BODY>
</HTML>