Autor Tema: relacionar formularios, ocultar un formulario  (Leído 173 veces)

emmus1982

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 1
    • Ver Perfil
relacionar formularios, ocultar un formulario
« en: 21 de Mayo 2021, 16:26 »
necesito relacionar dos formularios, es decir que uno dependa de otro.
tengo dos formularios, el primero es para que el usuario realice una determinada acción, el segundo deberá permanecer oculto y dependerá del primero y depende de la acción o valor que devuelva un input del primer formulario quiero que este se vuelva a mostrar en pantalla
Código: [Seleccionar]



<!DOCTYPE html>
<html lang="es">
<head><!--encabezado-->
    <meta charset="UTF-8">
    <script type="text/javascript" src="js/jquery-3.6.0.min.js"></script><!--Invoco a la libreria jquery-->
<script type="text/javascript" src="js/funciones.js"></script><!--vinculo mi archivo js-->
    <title>Biblioteca</title><!--título de la pagina-->
    <link rel="stylesheet" href="css/estilos.css" type="text/css"><!--vinculo mi archivo css de estilos-->
    <link rel="shortcut icon" href="img/book1.png"><!--coloco una imagen del tipo icono en la pestaña de mi pagina-->
 
<!--Diseñar un formulario para el préstamo de libros de una biblioteca, el formulario deberá ofrecer un
control para seleccionar el libro a prestar. Si el libro seleccionado se puede prestar informar al
usuario la fecha de devolución en otro control (5 días desde la fecha de préstamo), caso contrario
informar la situación.-->
</head>

<body>
    <form class="Biblioteca">
        <fieldset style="width:30%">
            <legend><img src="img/book1.png"><strong>BIBLIOTECA</strong></legend >
            <label for="libros"><strong>Listado de Libros</strong></label>
            <select name="listado" id="listado">
                <option value="0">Seleccione libro</option>
                <option value="1">Divergente</option>
                <option value="2">Frozen</option>
                <option value="3">Sirena</option>
                <option value="4">Insurgente</option>
            </select>
            <br>
            <br>
            <label for="Libros"><strong>Situción</strong></label>
            <input type="text" name="situacion" id="situacion" readonly="readonly">

        </fieldset>
    </form>
        <form class="Prestamos" style="width: 32.10%" style="display: block;" id="pres" name="pres">
            <fieldset>
                <legend>Libros a prestamos</legend>
                <label for="prestamos"><strong>Fecha de prestamo  </strong></label>
                <input type="date" id="prestamo" name="prestamo" readonly="readonly">
                <br>
                <br>
                <label for="prestamos"><strong>Fecha de devolucion  </strong></label>
                <input type="date" id="devolucion" name="devolucion" readonly="readonly">
            </fieldset>
       
       
       
        </form>
</body>
</html>

este el html
Código: [Seleccionar]
$(document).ready(function(){
 
    $("#listado").change(function(){
        var libros=$("#listado").val();
        if (libros==1)
        { console.log("La opcion elegida es 1");
          $("#situacion").val("Solo Lectura en sala ");
        }
        if (libros==2)
        { console.log("La opcion elegida es 2");
          $("#situacion").val("para prestamo ");
        }
        if (libros==3)
        { console.log("La opcion elegida es 3");
          $("#situacion").val("Para prestamo ");
        }
        if (libros==4)
        { console.log("La opcion elegida es 4");
          $("#situacion").val("Solo Lectura en sala ");
        }
    });
     
});
este el js

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".