ocultar formularios
Publicado por Emanuel (2 intervenciones) el 21/05/2021 04:22:44
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!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%" id="prestamos" name="prestamos">
<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>
ese es mi archivo html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
$(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 ");
}
});
});
Necesito que el segundo formulario este oculto, y solo aparezca a la hora de evaluar que los libros se puedan prestar, no tendria mayor dificultad en realizar esa validacion, solo que no se como se hace para ocultar o desocultar el form de prestamos de libros. es un trabajo para la facultad, desde ya muchas gracias
Valora esta pregunta


0