Estoy intentando mostrar un div
el cual contiene un input para carga de archivos, la regla que requiero cumplir es mostrar el div
solo si el estatus es igual a 1 de lo contrario lo va a ocultar.
El estatus lo tengo declarado en una variable en PHP llamada $estatus
, para ocultar el div uso la propiedad display='none'
.
El siguiente es el código de validación que utilizo en una función en Javascript.
function showFileInput (){
var element = document.getElementById('content');
if ($estatus == '1'){
element.style.display='block';
}else{
element.style.display='none';
}
}
En mi código HTML tengo el siguiente div
que deseo mostrar cuando el estatus sea igual a 1.
<div id="content" class="form-group row">
<label for="fileToUpload" class="col-sm-3 col-form-label">File Upload:</label>
<div class="col-sm-8">
<input type="file" name="fileToUpload" id="XmlToUpload" class="btn" accept=".xml" onchange="ValidateFile()" required="">
</div>
</div>
Es importante tener en cuenta que hago uso del evento onchange
para otras validaciones adicionales que utilizo al cargar el archivo.
Con lo que tengo previamente aún no se oculta el div cuando el estatus es diferente a 1, se sigue mostrando, ¿Hay algo que este haciendo mal en mi validación o me haga falta adicional?