Hola, soy nuevo en el foro, y quisiera ver si me pueden ayudar!
En si es un codigo muy sencillo en el cual se oculta y se crea un campo de texto segun la validacion, me funciona muy bien con firefox pero para IE8 o Chrome no lo jala y no entiendo por que :(
me pueden ayudar??? Gracias
Código HTML:
<html><head>
<script>
function mostrarReferencia(){
if (document.fcontacto.Conocido.value != 'mexico') {
//muestra el campo oculto
document.getElementById('desdeotro').style.display='block';
} else {
//no oculta nada
document.getElementById('desdeotro').style.display='none';
}
}
function habilita(){
if (document.fcontacto.Conocido.value != 'mexico'){
document.fcontacto.estado.disabled = true;
} else{
document.fcontacto.estado.disabled = false;
}
}
function ocultar(){
mostrarReferencia();
habilita();
}
</script></head>
<body>
<form action="<?=$_SERVER['PHP_SELF']?>" method="post" name="fcontacto">
pais:
<SELECT NAME="Conocido">
<OPTION VALUE="mexico" onClick="ocultar();">mexico</OPTION>
<OPTION VALUE="brazil" onClick="ocultar();">brazil</OPTION>
<OPTION VALUE="usa" onClick="ocultar();">usa</OPTION>
</SELECT>
<br>
Estado
<SELECT NAME="estado" >
<OPTION VALUE="veracruz" onClick="ocultar();">veracruz</OPTION>
<OPTION VALUE="puebla" onClick="ocultar();">puebla</OPTION>
<OPTION VALUE="df" onClick="ocultar();">DF</OPTION>
</SELECT>
<br>
<div id="desdeotro" style="display:none;">
<p>Estado:</p>
<p><input type="text" name="otro" class="input" /></p>
</div>
</body></html>