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

formulario html y javascripjavascript div "display:none;"

se eliminaron 16 caracteres en el cuerpo
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

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

elEl formulario inicia así:

y el selector que debe de msotrarmostrar es esteé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

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 de msotrar es este:

                          <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:

 

si alguien me puede ayudar agradecería mucho

un saludo

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

Origen Enlace
pablo
  • 73
  • 7

formulario html y javascrip 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 de msotrar es este:

                          <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:

si alguien me puede ayudar agradecería mucho

un saludo