Formulario oculto

[javy]

Hola a todos de nuevo:

Llevo varios días intentando hacer lo siguiente:

En una página se muestra una lista desplegable, que carga una serie de nombres de una tabla de la base de datos.

Quería que, al elegir uno de los nombres, y sin salir de la página, apareciese otro formulario con unos campos de texto y que al enviar este segundo formulario, añadiese lo elegido en la lista desplegable del formulario anterior.

Hasta ahora, lo único que he conseguido es que me aparezcan siempre los dos formularios: no consigo que se quede en el primero hasta que se elige un nombre de la lista.

Gracias y un saludo:

Javy

[ocp001a]

Podrías colocar los campos agrupados dentro de <divs> ocultos, y dependiendo de una opción u otra mostrarlos mediante javascript.

[obedabdias]

Iniciado por ocp001a

Podrías colocar los campos agrupados dentro de <divs> ocultos, y dependiendo de una opción u otra mostrarlos mediante javascript.

Es un pequeño ejemplo pero en ajax para realizar selects dependientes...

http://www.formatoweb.com.ar/ajax/se...pendientes.php

[ocp001a]

Iniciado por obedabdias

Es un pequeño ejemplo pero en ajax para realizar selects dependientes...

http://www.formatoweb.com.ar/ajax/se...pendientes.php

Sí, pero agregar (o quitar) campos al formulario necesitaría aprender a usar algo de ajax, por no decir los métodos createelement y appendchild...

en cambio el mostrar u ocultar grupos de campos en divs es sumamente sencillo.

[Nexus10]

Hola javy.

Esto es un tema de javascript. Pregunta en ese foro que seguro que te ayudan mejor.

De todas formas te pongo unos links que he encontrado en internet por si te sirven:

Ejemplo 1

Ejemplo 2

Ejemplo 3

[pabloaguero2010]

esto es tan simple en jquery como decir
("#capa").show();//mostrar
("#capa").hide();//ocultar

ejem podria ser algo asi:

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script language="JavaScript" type="text/JavaScript">
$(document).ready(function(){
$("#select1").change(function(event){
var id = $("#select1").find(':selected').val();
$("#capa").load('consulta.php?id='+id);

});
});
</script>