Skip to main content
3 de 3
título editado
JackNavaRow
  • 7.2k
  • 6
  • 25
  • 49

formulario html y javascript div "display:none;"

buenas intento mostrar una capa cuando en una de las opciones del formulario se elija opcion, cone ste codigo en js:

function mostrarReferencia(){
//Si la opcion con id Conocido_1 (dentro del documento > formulario con name fcontacto >     y a la vez dentro del array de Conocido) esta activada
if (document.formulario.tamanio.value != "") {
    //muestra (cambiando la propiedad display del estilo) el div con id 'desdeotro'
    document.getElementById('resto').style.display='block';
    //por el contrario, si no esta seleccionada
} else {
    //oculta el div con id 'desdeotro'
    document.getElementById('resto').style.display='none';
}

}

pero no me está funcionando el caso es que el codigo lo tengo funcionando con radiobutton pero al pasarlo a un selector ha dejado de funcioanrme

El formulario inicia así:

y el selector que debe mostrar es éste:

<select class="form-control form-control-lg" name="tamanio" id="tamanio" required>
    <option value="">Elige opción</option>
    <option value="30">30</option>
    <option value="45">45</option>
    <option value="75">75</option>
    <option value="100">100</option>
    <option value="125">125</option>
    <option value="150">150</option>
</select>

pero no me está funcionando y no encuentro el problema

la llamada al fichero js la tengo encima del form de la sigueinte forma:

<script type="text/javascript" src="js/formulario.js" ></script>

si alguien me puede ayudar agradecería mucho

un saludo

pablo
  • 73
  • 7