Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/01/2009, 06:16
spaindvds
 
Fecha de Ingreso: febrero-2008
Mensajes: 69
Antigüedad: 16 años, 9 meses
Puntos: 0
Pregunta Duplicar codigo javascript en un formulario

Hola amigos tengo el siguiente problema y mi conocimiento en programacion es mas bien flojito.


resulta que me he encontrado con el siguiente javascript para formulario y la verdad es justo lo que nesesito pero no se como duplicarlo o que me funcione con otros campos de listas al mismo tiempo



<script language="JavaScript">

function addOpt(oCntrl, iPos, sTxt, sVal){
var selOpcion=new Option(sTxt, sVal);
eval(oCntrl.options[iPos]=selOpcion);
}

function cambia(oCntrl){
while (oCntrl.length) oCntrl.remove(0);
switch (document.form.pais.selectedIndex){
case 0:
addOpt(oCntrl, 0, "Ciudad de México", "0");
addOpt(oCntrl, 1, "Monterrey", "1");
addOpt(oCntrl, 2, "Guadalajara", "2");
break;
case 1:
addOpt(oCntrl, 0, "Madrid", "0");
addOpt(oCntrl, 1, "Barcelona", "1");
addOpt(oCntrl, 2, "San Sebastián", "2");
break;
case 2:
addOpt(oCntrl, 0, "Caracas", "0");
addOpt(oCntrl, 1, "Coro", "1");
addOpt(oCntrl, 2, "Maracay", "2");
addOpt(oCntrl, 3, "Valencia", "3");
break;
}
}
</script>


<form name="form">
<table border="0">
<tr>
<td>
Pais
</td>
<td>
<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>&nbsp;

</td>
<td>
Ciudad
</td>
<td>
<select name="ciudad">
<option value="0">Ciudad de México</option>
<option value="1">Monterrey</option>
<option value="2">Guadalajara</option>
</select>
</td>
</tr>
</table>
</form>




el javascript tiene para escojer en la primera lista entre diferentes paises y dependiendo de que pais escojas la siguiente lista muestra ciudades del pais escojido en la primera lista.

Bien pues lo que quiero ahora es añadirle abajo 4 lineas mas con las mismas dos listas pero que funcionen independientes, claro para ya me imagino que habra que cambiar los "name" en los select --select name="nombredelselect"---- de las siguientes lineas de listas y para eso he desidido llamarlos: pais_01 y ciudad_01, pais_02 y ciudad_02 y asi todos los select tendrian diferentes nombres

La verdad es que con el poco conocimiento que tengo al respecto no me sale y he provado con un monton de maneras diferentes. tengo ya un dolor de cabeza de provar y provar codigos que madre mia y los ojos se me van a salir de su sitio...

Alguien puede echarme una manita con esto? por favor.