Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Crash_RPM en 28 Julio 2015, 12:04 pm



Título: Campos dinamicos en formulario
Publicado por: Crash_RPM en 28 Julio 2015, 12:04 pm
Estoy utilizando el codigo de este enlace http://voragine.net/weblogs/como-anadir-dinamicamente-campos-a-un-formulario-html-con-jquery para añadir campos dinamicamente.

He seguido el ejemplo y he cambiado el campo de texto por dos select.
Head:
Código
  1. newElem.children(':first').attr('name', 'dia'     + newNum);
  2. newElem.children(':second').attr('name', 'mes'     + newNum);

Body:
Código
  1. <div id="input1" style="margin-bottom:4px;" class="clonedInput">
  2.        Dia: <select  name='dia1' id="dia1" title='dia1'  style="width:50px;"><br />
  3.                    <option value='0'>Día</option>
  4.                    <?php
  5.                    for( $i=1;$i<=31;$i++)
  6.                    {       ?>
  7.                        <option value='<?php echo $i; ?>'><?php echo $i; ?></option>
  8.             <?php  }   ?>
  9.  
  10.                </select>
  11.  
  12.          Mes:  <select  name='mes1' id="mes1" title='mes1' style="width:110px;">
  13.                    <option value='0'>Mes</option>
  14.                    <option value='1'>Enero</option><option value='2'>Febrero</option><option value='3'>Marzo</option><option value='4'>Abril</option>
  15.                    <option value='5'>Mayo</option><option value='6'>Junio</option><option value='7'>Julio</option><option value='8'>Agosto</option>
  16.                    <option value='9'>Septiembre</option><option value='10'>Octubre</option><option value='11'>Noviembre</option><option value='12'>Diciembre</option>
  17.                </select>  
  18. </div>

Cambiando esto, genera las variables dia1, mes1, dia2, mes2... el problema es al intentar añadir un tercer campo:
Código
  1. newElem.children(':third').attr('name',     'año' + newNum);

Al añadir este ya me desconfigura las variables, genera dia1, mes1, año1, año2, año2,año2...

¿Estoy poniendo mal el third o algo? Es que necesitaria añadir hasta cinco campos. Dia, mes, año, hora y minutos.


Título: Re: Campos dinamicos en formulario
Publicado por: joecarl en 28 Julio 2015, 12:19 pm
No me funciona el enlace. ¿Puedes ponerlo sin el formato del tipo enlace? Es que así se contrae con los puntos suspensivos y luego no se recupera... raro, la verdad...


Título: Re: Campos dinamicos en formulario
Publicado por: Crash_RPM en 29 Julio 2015, 23:43 pm
No me funciona el enlace. ¿Puedes ponerlo sin el formato del tipo enlace? Es que así se contrae con los puntos suspensivos y luego no se recupera... raro, la verdad...

Modificado arriba, el enlace que fallaba es este http://voragine.net/weblogs/como-anadir-dinamicamente-campos-a-un-formulario-html-con-jquery



Una pregunta de formulario, ¿con los button no sale el simbolo clic como con los submit?

Mod: No hacer doble post


Título: Re: Campos dinamicos en formulario
Publicado por: eLank0 en 5 Agosto 2015, 14:05 pm
Sólo hace falta transformarlo en submit:

Código:
<button type="submit">Texto</button>

Salu2!  :silbar: