tengo este problema:
Tengo tres combos (Region - Zona - Area) de lso cuales dos de ellos se llenas dependiendo de la seleccion anterior:
el combo Zona se llena dependiendo de la seleccion de la Region
el combo Area se llena dependiendo de la seleccion de la Zona...
El comno Zona no tiene problemas para llenarse. el problema es el combo Area que no pasa por la funcion que tiene... aqui les coloco el codigo a ver si alguien me puede ayudar a descifrar este enigma... Gracias de antemano...
<td class="Estilo13"><div align="left">Region a Consultar:</div></td>
<td colspan="2" class="Estilo9"><span class="Estilo12">
<select name="Region" onChange="cambia_zona()" class="Estilo13">
<option value="1">CAPITAL
<option value="2">CENTRAL
<option value="3">CENTRO OCCIDENTAL
<option value="4">OCCIDENTAL
<option value="5">ORIENTAL
<option value="6" selected>Seleccione Region
</select>
</span></td>
</tr>
<tr>
<td class="Estilo13"><div align="left">Zona a Consultar</div></td>
<td colspan="2" class="Estilo13"><span class="Estilo13">
<!--<select name="Zona" onChange="cambia_zona()" class="Estilo13">-->
<select name=zona onChange="cambia_area()" class="Estilo13">
<option value="Seleccione..." selected>Todas
</select>
</span></td>
</tr>
<tr>
<td class="Estilo13"><div align="left">Area a Consultar</div></td>
<td colspan="2" class="Estilo13"><span class="Estilo13">
<select name=area class="Estilo13">
<option value="Seleccione..." selected>Todas
</select>
</span></td>
</tr>
<tr>
<td class="Estilo13">Fecha: </td>
<td colspan="2" class="Estilo13"><div align="center" class="Estilo12">
<div align="left" class="Estilo9">
<input name="FE_DESDE" type="text" id="FE_DESDE2" size="12" maxlength="20" class="Estilo13">
<a href="javascript:showCal('Cal_Prog')"><img src="images/images.jpg" width="14" height="13" border="0"></a></div>
</div>
</td>
</tr>
<tr>
<!--<td class="Estilo13"><div align="left">Fecha Hasta:</div></td>
<td colspan="2"><span class="Estilo12">
<input name="FE_HASTA" type="text" id="FE_HASTA2" size="10" maxlength="10" class="CIREDTextBox">
<a href="javascript:showCal('Calendar2')"> <img src="file:///C|/Rosal03/images/images.jpg" width="14" height="13" border="0"></a> </span></td>-->
</tr>
</table>
<p align="center"><input type="submit" name="Submit" value="Consultar" class="CIREDBotton"></p>
<p align="justify" class="CIREDTexto"> Esta sección permite visualizar información detallada de las ordenes de servicio que se encuentran en los diferentes status del proceso de instalación en la fecha en que se emiten los archivos Fuentes.</p>
</form>
<div align="center">
<script>
//defino una serie de varibles Array para cada Region
//var zona_1=new Array("Todas","CARACAS ZONA I","CARACAS ZONA II","CARACAS ZONA III","CARACAS ZONA IV","VARGAS","MIRANDA","RED MIRANDA","RED DTTO CAPITAL - VARGAS")
var zona_1=new Array("Todas","RED MIRANDA","RED DTTO CAPITAL - VARGAS")
var zona_2=new Array("Todas","ARAGUA","APURE","BARINAS","COJEDES" ,"CARABOBO","GUARICO")
var zona_3=new Array("Todas","FALCON","LARA","YARACUY","PORTUGUES A")
var zona_4=new Array("Todas","MERIDA","TACHIRA","TRUJILLO","ZULIA ")
var zona_5=new Array("Todas","AMAZONAS","ANZOATEGUI","BOLIVAR","D ELTA AMACURO","MONAGAS","SUCRE","NUEVA ESPARTA")
//función que cambia las zona del select de zona en función del Region que se haya escogido en el select de Region.
function cambia_zona(){
//tomo el valor del select del Region elegido
var Region
Region = document.f1.Region[document.f1.Region.selectedIndex].value
//miro a ver si el Region está definido
if (Region != 0) {
//si estaba definido, entonces coloco las opciones de la zona correspondiente.
//selecciono el array de zona adecuado
mis_zona=eval("zona_" + Region)
//calculo el numero de zona
num_zona = mis_zona.length
//marco el número de zona en el select
document.f1.zona.length = num_zona
//para cada zona del array, la introduzco en el select
for(i=0;i<num_zona;i++){
document.f1.zona.options[i].value=mis_zona[i]
document.f1.zona.options[i].text=mis_zona[i]
}
}else{
//si no había zona seleccionada, elimino las zona del select
document.f1.zona.length = 1;
//coloco un guión en la única opción que he dejado
document.f1.zona.options[0].value = "-";
document.f1.zona.options[0].text = "-";
}
//marco como seleccionada la opción primera de zona
document.f1.zona.options[0].selected = true
}
//en caso que al cliente le de un error en la pag puede ser que este mal configurado el navegador
</script>
<script>
//defino una serie de varibles Array para cada Area
var area_1=new Array("Todas","Area I","Area II","Area III","Area IV","Area V","Area VI")
var area_2=new Array("Todas","Area I","Area II","Area III","Area IV","Area V")
var area_3=new Array("Todas","Area 1")
var area_4=new Array("Todas","Area 1","Area 2","Area 3","Area 4","Area 5","Area 6","Area 7","Area 8","Area 9","Area 10")
var area_5=new Array("Todas","Area 1","Area 2")
var area_6=new Array("Todas","Area 1","Area 2","Area 3","Area 4","Area 5","Area 6","Area 7","Area 8","Area 9","Area 10","Area 11","Area 12")
var area_7=new Array("Todas","Area 1")
var area_8=new Array("Todas","Area 1","Area 2","Area 3","Area 4")
var area_9=new Array("Todas","Area 1","Area 2")
var area_10=new Array("Todas","Area 1","Area 2","Area 3","Area 4","Area 5","Area 6","Area 7")
var area_11=new Array("Todas","Area 1","Area 2","Area 3")
var area_12=new Array("Todas","Area 1","Area 2")
var area_13=new Array("Todas","Area 1","Area 2")
var area_14=new Array("Todas","Area 1","Area 2","Area 3","Area 4")
var area_15=new Array("Todas","Area 1","Area 2","Area 3")
var area_16=new Array("Todas","Area 1","Area 2","Area 3","Area 4","Area 5","Area 6","Area 7","Area 8","Area 9","Area 10","Area 11","Area 12")
var area_17=new Array("Todas","Area 1","Area 2","Area 3","Area 4")
var area_18=new Array("Todas","Area 1","Area 2","Area 3","Area 4","Area 5","Area 6")
var area_19=new Array("Todas","Area 1","Area 2")
var area_20=new Array("Todas","Area 1","Area 2")
var area_21=new Array("Todas","Area 1","Area 2")
//función que cambia las areas del select de area en función de la Zona que se haya escogido en el select de Zona.
function cambia_area(){
//tomo el valor del select de la Zona elegida
var Zona
Zona = document.f1.Zona[document.f1.Zona.selectedIndex].value
//miro a ver si la Zona está definida
if (Zona != 0) {
//si estaba definido, entonces coloco las opciones de la zona correspondiente.
//selecciono el array de zona adecuado
mis_area=eval("area_" + Zona)
//calculo el numero de area
num_area = mis_area.length
//marco el número del area en el select
document.f1.area.length = num_area
//para cada area del array, la introduzco en el select
for(i=0;i<num_area;i++){
document.f1.area.options[i].value=mis_area[i]
document.f1.area.options[i].text=mis_area[i]
}
}else{
//si no había area seleccionada, elimino las areas del select
document.f1.area.length = 1;
//coloco un guión en la única opción que he dejado
document.f1.area.options[0].value = "-";
document.f1.area.options[0].text = "-";
}
//marco como seleccionada la opción primera del area
document.f1.area.options[0].selected = true
}
//en caso que al cliente le de un error en la pag puede ser que este mal configurado el navegador
</script>
