Hola Amigos,
En primer lugar, disculpas por haber puesto este post en otro foro y gracias a Nemutagk por haberme respondido. Mi situación es la siguiente:
Tengo un Select que lista una serie de países al elegir uno, otro select lista opciones ligadas al primero, todas vinculadas a tablas que debo mostrar; si selecciono una de estas opciones se despliega una tabla en un frame que he dispuesto. Necesito poder hacer más de una seleción en el segundo Select y que todas las tablas asociadas se desplieguen en el frame que uso.
Se como configurar el select múltiple, pero siempre se muestra una sola tabla.Se trata de código que he tomado de otros foros y lo he adaptado un poco a lo que necesito, pero como no soy programador no consigo dar con la manera de hacerlo, aunque he avanzado un buen poco, pero ahora necesito ayuda.
HTML con los Frames:
<html>
<head><title>Prueba de Pags Ind. HTML</title></head>
<frameset ROWS=10%,80%,*>
<!-- Contiene el Script -->
<frame src="sebas3.html" name="inicio" frameborder=YES>
<!-- "Vacío" lo uso para desplegar el archivo seleccionado -->
<frame src="vacio.html" name="tabula" frameborder=YES align=center>
<!-- Estos archivos están vacíos... Habrá botones para exportar el/los archivos desplegados -->
<frameset cols=30%,40%,*>
<frame src="IndicadoresTabulados.html" name="frmpdf" frameborder="YES" scrolling="no">
<frame src="IndicadoresTabulados3.html" name="Metadatos" frameborder="YES" scrolling="no">
<frame src="IndicadoresTabulados2.html" name="frmexcel" frameborder="YES" scrolling="no">
</frameset>
</frameset>
</html>
El Script:
<html>
<head>
<script language="JavaScript">
function addOpt(oCntrl, iPos, sTxt, sVal){
var selOpcion=new Option(sTxt, sVal);
eval(oCntrl.options[iPos]=selOpcion);
}
function cambia(oCntrl){
switch (document.frm.pais.selectedIndex){
case 0:
addOpt(oCntrl, 0, "Seleccione una tabla", "0");
break;
case 1:
addOpt(oCntrl, 0, "Ciudad de México", "http://www.mexico.com");
addOpt(oCntrl, 1, "Monterrey", "AR01CL02.htm"); // Archivo asociado a esta opción
addOpt(oCntrl, 2, "Guadalajara", "Test_01.htm"); // Archivo asociado a esta opción
break;
case 2:
addOpt(oCntrl, 0, "Madrid", "http://www.madrid.com");
addOpt(oCntrl, 1, "Barcelona", "http://www.barcelona.com");
addOpt(oCntrl, 2, "San Sebastián", "http://www.sansebastian.com");
break;
case 3:
addOpt(oCntrl, 0, "Caracas", "http://www.caracas.com");
addOpt(oCntrl, 1, "Maracay", "http://www.maracay.com");
addOpt(oCntrl, 2, "Valencia", "http://www.valencia.com");
break;
}
}
</script>
</head>
<body>
<form name="frm">
<table border="0" width="582" align=center>
<tr>
<td width="25">
Pais
</td>
<td width="69">
<select name="pais" onchange="cambia(document.frm.ciudad)">
<option value="vacio">Seleccione un País</option>
<option value="Mex">Mexico</option>
<option value="Esp">España</option>
<option value="Ven">Venezuela</option>
</select>
</td>
<td width="16">
</td>
<td width="14">
Ciudad
</td>
<td width="296">
<select name="ciudad" size=3 multiple="ciudad">
<option value="0">Seleccione un tabulado</option>
</select> <input type="button" value="Tabla..." onClick="parent.tabula.location.href=this.form.ciu dad.options[this.form.ciudad.selectedIndex].value" </td>
</tr>
</table>
</form>
</body>
</html>
</script>
</body>
</html>