generar campos a partir de listas desplegables

[djmashe]

Buenas, mi consulta es la siguiente: ¿Cómo puedo generar elementos de formularios que dependan de que opción se seleccionó desde una lista desplegable?

La idea es esta:

Código:

<select>
<option value="1">Crear un input text</option>
<option value="2">Crear un checkbox</option>
<option value="3">Crear un input file</option>
....
</select>

Este ejemplo lo habia encontrado una vez, pero no me acuerdo donde, .
La idea es que con js se creen los elementos dinamicamente.

Desde ya muchas gracias al que pueda ayudarme.

[JavierB]

Hola djmashe

Aquí tienes un código para crear elementos dinámicamente

Saludos,

[djmashe]

Gracias JavierB, ya lo pude resolver. Este es el código por las dudas si a alguien le interesa:

Código:

<form id="form1" name="form1" method="post" action="">

<select name="item" id="item" onchange="while(document.getElementById('campo').childNodes[0]){document.getElementById('campo').removeChild(document.getElementById('campo').childNodes[0]);}if(this.value=='dni'){c=document.createElement('INPUT');c.name='dni';document.getElementById('campo').appendChild(c);}else if(this.value=='sexo'){c=document.createElement('SELECT');c.name='sexo';o1=document.createElement('OPTION');o1.value='hombre';document.all?o1.label='hombre':o1.text='hombre';o2=document.createElement('OPTION');o2.value='mujer';document.all?o2.label='mujer':o2.text='mujer';c.appendChild(o1);c.appendChild(o2);document.getElementById('campo').appendChild(c);}">

<option value="" selected="selected">seleccionar</option>
<option value="dni">dni</option>
<option value="sexo">sexo</option>

</select>

<span id="campo"></span>
</form>

[caricatos]

¡Hola!

¡Qué embrollo de código...!

Hay algunas cosas mejorables... por ejemplo:

en vez de

Código:

while(document.getElementById('campo').childNodes[0])	{
	document.getElementById('campo').removeChild(document.getElementById('campo').childNodes[0]);
}

poner

Código:

yo = document.getElementById('campo');
while(yo.hasChildNodes())
	yo.removeChild(yo.firstChild)

Pero sobre todo te recomiendo que pongas el código más legible... ganas tiempo luego, cuando te toque hacer algunos retoques.

Saludos

[djmashe]

caricatos, agradesco tu comentario, pero creo que c/u programa como quiere y estructura su codigo como le guste.

Aca lo que se necesitaba era una respuesta a la consulta, no una crítica de como organice mi código.

gracias.

[caricatos]

Iniciado por djmashe

caricatos, agradesco tu comentario, pero creo que c/u programa como quiere y estructura su codigo como le guste.

Aca lo que se necesitaba era una respuesta a la consulta, no una crítica de como organice mi código.

gracias.

¡No, no, no!

Este es un foro, y si quieres que te hagan las cosas por tí, deberías pagar por ello.

Y la crítica es simplemente para que encuentres a alguien que te ayude con más facilidad.

Tu programa como tu quieras, pero si necesitas ayuda, lo mejor es que le facilites las cosas a quien tenga intención de ayudarte... Yo he contestado con intención de ayudarte, y con esa misma intención te hice lo que consideras "crítica"... puede que trate de ayudarte si consideras lo que puse... tu eres dueño de tus actos, así que depende de tí.

Saludos

[Myakire]

Iniciado por djmashe

caricatos, agradesco tu comentario, pero creo que c/u programa como quiere y estructura su codigo como le guste.

Aca lo que se necesitaba era una respuesta a la consulta, no una crítica de como organice mi código.

Achis!, que disparate!, uno como programador debe tomar en cuenta que muchas veces otro desarrollador le deberá meter mano a nuestra códigos y debe uno tratar de hacerlos legibles, o incluso, tras unos meses es seguro que hasta a uno mismo le costara trabajo entender códigos rebuscados que unos mismo hizo.

Dios ampare al programador que alguna vez tenga que meterle mano a ese código.

pero en fin, como dice el dicho: Cada uno puede hacer de su capa un sayo.

[djmashe]

Primero: a nadie le obligue a que me responda. El que tiene ganas (despues de ver un post) de comentar, lo hace; el que no sigue de largo.

Segundo: si ya habia colocado la solución, en todo caso al que no le gusto como lo estructure, simplemente lo huviese 'acomodado' como lo queria y listo en vez de estar cuestionando como los demas realizan sus scripts. Si a mi criterio yo lo entendia, c/u de uds. lo escribe como le queda mejor.

Tercero: para finalizar este post, aca les dejo 'a los mas tiernos' el mismo script pero 'un poco mas prolijo':

Código HTML:

<form id="form1" name="form1" method="post" action="#">

<select name="item" id="item" onchange="

opc = document.getElementById('campo');

while(opc.childNodes[0]) { opc.removeChild(opc.childNodes[0]); }
                   
if (this.value == 'dni') 
{
  c = document.createElement('INPUT');
  c.name='dni';
  opc.appendChild(c);
}
else if (this.value == 'sexo')
{
 c = document.createElement('SELECT');
 c.name = 'sexo';
 o1 = document.createElement('OPTION');
 o1.value = 'hombre';
 document.all ? (o1.label = 'hombre') : (o1.text = 'hombre');
 o2 = document.createElement('OPTION');
 o2.value = 'mujer';
 document.all ? (o2.label='mujer') : (o2.text='mujer');
 c.appendChild(o1);
 c.appendChild(o2);
 opc.appendChild(c);
}
">

<option value="" selected="selected">seleccionar</option>
<option value="dni">dni</option>
<option value="sexo">sexo</option>

</select>

<span id="campo"></span>
</form> 

Para finalizar, el que quiera contestar otra vez cuestionandome, evidentemente tiene tiempo para perder, en vez de hacer algo mas productivo.

Como uno de uds. comento, esto es un foro para ayudarnos no para estar armando polémicas de como hacemos las cosas.

Saludos.

PD: Para mi tema cerrado