| Necesito una mano, please
Hola, soy demasiado nueva en esto y estoy trabajando en la pagina web de mi empresa, aqui se trabaja con administrador de contenidos lo que hace todo mas facil, hay una opcion que me deja meter en una pagina codigo html(que no manejo), pero buscando descubri que puedo crear listas desplegables.
Lo que yo quiero es poner dos listas desplegables que la segunda dependa de la primera (eso ya lo logre), lo que ahora me falta es agregar un boton que entienda lo que seleccione en las listas y al apretarlo me abra en una ventana nueva un link (que ya tengo definido).
yo hoy en mi codigo tengo lo que pondre aqui, ni idea si esta bien o mal, la verdad es que con suerte se como poner letra en negrita o cursiva con html:
por fa ayudenmen se puede hacer lo que yo quiero??
<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,valor es_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_selec t_1,valores_select_2)">
<SCRIPT LANGUAGE="JavaScript">
escribir_opciones_select(valores_select_1)
</SCRIPT>
</SELECT>
<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> |