bien, llegue hasta un punto del cual no se como seguir. Arme un formulario que depende de un switch case.
La idea es tener un formulario solo con un campo "select" el cual me da acceso a varios formularios mas. Es asi que al cambiar, el usuario puede elegir entre uno u otro formulario que llenar.
or ahora estoy haciendolo con un document.write, pero este me escribe toda una pagina de nuevo, como si fuera un "_blank" como target.
Lo que estoy buscando es alguna forma de que solo me escriba parte del documento segun el caso, como si fuera un "echo" de php.
Aqui está el codigo de la pagina actual. Lo sake de forosdelweb, asi que varios campos aun son los mismos, tengo que modificarlos cuando el Sw case
funcione como necesito.
Gracias a cualquier respuesta!!!
Código PHP:
<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, "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 1:
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 2:
document.write("<table width='39%' border='0' align='center' cellpadding='0' cellspacing='0'>");
document.write("<tr>");
document.write("<td align='center' valign='middle'><form name='form2' method='post' action=''>");
document.write("<div align='center'><br>");
document.write("Fecha de Llegada </div>");
document.write("<table width='70%' border='0' align='center' cellpadding='2' cellspacing='0'>");
document.write("<tr>");
document.write("<td width='33%'></td>");
document.write("<td width='2%'></td>");
document.write("<td width='65%'></td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td></td>");
document.write("<td></td>");
document.write("<td></td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td><div align='right'>Desde</div></td>");
document.write("<td></td>");
document.write("<td><input name='textfield4' type='text' value='AAAA-MM-DD'>");
document.write("Ej.: 2005-05-33</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td><div align='right'>Hasta</div></td>");
document.write("<td></td>");
document.write("<td><input name='textfield22' type='text' value='AAAA-MM-DD'>");
document.write("Ej.: 2005-05-33 </td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td></td>");
document.write("<td></td>");
document.write("<td></td>");
document.write("</tr>");
document.write("</table>");
document.write("<p> </p>");
document.write("</form></td>");
document.write("</tr>");
document.write("</table>");
break;
}
}
</script>
</head>
<body>
<form name="frm">
<table border="0" width="482">
<tr>
<td width="25">
Pais
</td>
<td width="89">
<select name="pais" onchange="cambia(document.frm.ciudad)">
<option value="Mex">Mexico</option>
<option value="Esp">España</option>
<option value="Ven">Venezuela</option>
</select>
</td>
<td width="6">
</td>
<td width="44">
Ciudad
</td>
<td width="296">
<select name="ciudad" onChange="location.href=this.form.ciudad.options[this.form.ciudad.selectedIndex].value">
<option value="0">Ciudad de México</option>
<option value="1">Monterrey</option>
<option value="2">Guadalajara</option>
</select> <input type="button" value="Ir a..." onClick="location.href=this.form.ciudad.options[this.form.ciudad.selectedIndex].value"</td>
</tr>
</table>
</form>
</body>
</html>
