Alguien que me explique linea por linea que hace mi script

arts · #1 (**permalink**) 10/03/2011, 05:52

Pues eso mismo, que no entiendo de la 1ºlinea a la 22. No estoy familiarizado con javascrip y si con otros lenguajes pero esque no entiendo como hacer esto mismo pero con mas formularios, de forma que al seleccionar el 2ºdesplegable se cree otro 3º y varie las opciones que da segun el id.

Código PHP:

Ver original<html>
<title>Formularios condicionales</title>
<head>
 
<script type="text/javascript">
var teveo = null;
var formus = [null, 'ALCORCON', 'LEGANES', 'GETAFE' , 'MOSTOLES', 'MADRID'];
 
function muestra(formulario) {
 
if (teveo != null)
document.getElementById(teveo).style.display = 'none';
document.getElementById('TODAS').style. display = 'block';
 
if (formus[formulario] != null)
document.getElementById('TODAS').style. display = 'none';
document.getElementById(formus[formulario]).style. display = 'block';
 
document.getElementById(formus[formulario]).uno.options[0].selected = true;
 
teveo = formus[formulario]
 
}
</script>
 
 
 
</head>
 
<body>
 
<table border="0">
<tr>
<td width="250">
 
<form>
Localidad:
<select onchange="muestra(this.selectedIndex);">
<option value="0">TODAS</option>
<option value="1">ALCORCON</option>
<option value="2">LEGANES</option>
<option value="3">GETAFE</option>
<option value="4">MOSTOLES</option>
<option value="5">MADRID</option>
</select>
</form>
 
</td>
 
<td>
 
<form action="" method="post" name="form1" id="TODAS" style="display:block;">
Zona:
<select name="uno">
<option value="0">TODAS</option>
</select>
</form>
 
<form action="" method="post" name="form1" id="ALCORCON" style="display:none;">
Zona:<select name="uno">
<option value="1">TODAS</option>
<option value="2">San Jos&#233; de Valderas</option>
<option value="3">Juzgados</option>
<option value="4">Parque Oeste</option>
<option value="5">Fuente Cisneros</option>
<option value="6">Parque Lisboa</option>
<option value="7">Centro</option>
</select>
</form>
 
<form id="LEGANES" name="form1" method="post" action="" style="display:none;">
Zona:<select name="uno">
<option value="1">TODAS</option>
<option value="2">Centro</option>
<option value="3">Zarzaquemada</option>
<option value="4">ParqueSur</option>
</select>
</form>
 
<form id="GETAFE" name="form1" method="post" action="" style="display:none;">
Zona:<select name="uno">
<option value="1">TODAS</option>
<option value="2">Sector I</option>
<option value="3">Sector II</option>
<option value="4">Sector III</option>
<option value="5">Centro</option>
</select>
</form>
 
<form id="MOSTOLES" name="form1" method="post" action="" style="display:none;">
Zona:<select name="uno">
<option value="1">TODAS</option>
<option value="2">Avda.Portugal</option>
<option value="3">Hospital</option>
<option value="4">Centro</option>
<option value="5">Uned</option>
</select>
</form>
 
<form id="MADRID" name="form1" method="post" action="" style="display:none;">
Zona:<select name="uno">
<option value="1">TODAS</option>
<option value="2">Centro</option>
<option value="3">Chamber&#237;</option>
<option value="4">Barrio Salamanca</option>
<option value="5">La Latina</option>
<option value="6">Plaza de Castilla</option>
<option value="7">Vallecas</option>
<option value="8">Campamento</option>
</select>
</form>
 
</td>
</tr>
</table>
 
</body>
</html>

IsaBelM · #2 (**permalink**) 10/03/2011, 06:25

Cita: