Problema Tabla Dinamica

[kmiloncho]

Estimados Tengo una tabla en la cual tengo un boton que agrega una fila y otro que elimina la fila adjunto codigo para que noten como funciona...

Código PHP:

  <script type="text/javascript"> 
    <!-- 
                var columnaActual = 0; 
                 
                /* Método que ejecuta JQuery una vez se ha terminado de cargar el documento. */ 
                $(document).ready(function() 
            { 
                    nuevaFila (); 
            }); 
 
                /* Creamos una nueva fila usando la variable columnaActual como índice. */ 
                var nuevaFila = function () 
        {                  
                var fila = '<tr id="fila'+ ++columnaActual +'">'                                 
                        +  '<td><input type="input" id="mecanica'+columnaActual+'" name="mecanica'+columnaActual+'" style="width: 250px;"/></td>' 
                        +  '<td align="center"><input type="radio" id="grupo'+columnaActual+'" name="grupo'+columnaActual+'" value="cambiar"/></td>' 
                        +  '<td align="center"><input type="radio" id="grupo'+columnaActual+'" name="grupo'+columnaActual+'" value="reparar"/></td>' 
                        +  '<td align="center"><input type="button" value="Eliminar" onClick="borrarFila('+columnaActual+');"/></td>' 
                        +  '</tr>';                                 
                $("#filas").append (fila); 
        } 
                 
                /* Elimina la fila indicada. */ 
                var borrarFila = function (indice) 
                { 
                        $("#fila" + indice).remove (); 
                } 
    --> 
</script>  
  

Esto carga una tabla de este estilo

Código PHP:

               <table id="filas"> 
                <tr>                             
                    <th style="width: 250px">Mecánica</th>                                 
                    <th style="width: 200px">Cambiar</th> 
                    <th style="width: 200px">Reparar</th> 
                    <th style="width: 200px"></th> 
                </tr> 
             </table> 
        <input type="button" onClick="nuevaFila ();" value="Insertar fila" style="font-size: medium;"/>  
   

Mi problema es: Como recupero mediante request (Estoy trabajando en JSP) las "n" filas que allá agregado para poder insertarlas en mi Base de Datos al pulsar el boton Insertar.

Espero me puedan ayudar.

[IsaBelM]

el name de esos controles generados has de tratarlo como un array asociativo

name = "control[]"

[kmiloncho]

Iniciado por IsaBelM

el name de esos controles generados has de tratarlo como un array asociativo

mmm como asi, no te entendi me puedes dar un ejemplo por fa para captar la idea...

Te agradesco tu respuesta

Código PHP:

  servlet.java 
 
String name = request.getParameter("name[]");  
   

[kmiloncho]

Asi es la solución para lo que alguna vez lo necesiten

Parte 1:
Script para Agregar y Eliminar Filas

Código PHP:

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
    $(function(){
     
        tabla = $('#tabla');
        tr = $('tr:first', tabla);
        $('#agregarFila').live('click', function (){
            tr.clone().appendTo(tabla).find(':text, :hidden').val('');
        });
     
        $(".eliminarFila").live('click', function (){
            var tr = $(this).closest('tr');
            tr.remove();
        });
     
    });
</script>  
  

Parte 2:
JSP o HTML

Código PHP:

  <form action="requestTable.jsp" method="post">
       <table id="tabla">            
            <tr>
                   <td><input type="text" name="variable1[]" value=""/></td>
                <td>
                    <select name="variable2[]">
                <option value="">Seleccionar</option>
                <option value="valor1">Opción 01</option>
                <option value="valor2">Opción 02</option>
            </select>
                </td>
                <td><input type="button" value="Eliminar" class="eliminarFila"/></td>
            </tr>
       </table>
      <table>
        <tr>
            <td><input type="button" value="Agregar" id="agregarFila"/></td>
            <td><input type="submit" value="Enviar datos"/></td>
        </tr>
      </table>          
</form>  
   

Parte 3:
Request en JSP, Servlet para quedar listo a la BD

Código PHP:

  <%
    String[] var1 = request.getParameterValues("variable1[]");
    String[] var2 = request.getParameterValues("variable2[]");

        
    for(int i=0,k=0; i<var1.length && k<var2.length; i++,k++){        
        
%>
        <%= var1[i] %>
        <%= var2[k] %>

<% } %>  
   

Ya eso para el que le sirva y gracias por la ayuditas de siempre sos lo mas grande bolilla

[sandragh27]

Iniciado por kmiloncho

Asi es la solución para lo que alguna vez lo necesiten

Parte 1:
Script para Agregar y Eliminar Filas

Código PHP:

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(function(){ 
      
        tabla = $('#tabla'); 
        tr = $('tr:first', tabla); 
        $('#agregarFila').live('click', function (){ 
            tr.clone().appendTo(tabla).find(':text, :hidden').val(''); 
        }); 
      
        $(".eliminarFila").live('click', function (){ 
            var tr = $(this).closest('tr'); 
            tr.remove(); 
        }); 
      
    }); 
</script>  
  

Parte 2:
JSP o HTML

Código PHP:

  <form action="requestTable.jsp" method="post"> 
       <table id="tabla">             
            <tr> 
                   <td><input type="text" name="variable1[]" value=""/></td> 
                <td> 
                    <select name="variable2[]"> 
                <option value="">Seleccionar</option> 
                <option value="valor1">Opción 01</option> 
                <option value="valor2">Opción 02</option> 
            </select> 
                </td> 
                <td><input type="button" value="Eliminar" class="eliminarFila"/></td> 
            </tr> 
       </table> 
      <table> 
        <tr> 
            <td><input type="button" value="Agregar" id="agregarFila"/></td> 
            <td><input type="submit" value="Enviar datos"/></td> 
        </tr> 
      </table>           
</form>  
   

Ya eso para el que le sirva y gracias por la ayuditas de siempre sos lo mas grande bolilla

Hola, se que ha pasado año desde la publicacion de esto, el codigo funciona perfectamente, gracias, pero me pregunto, si quiero hacer que se repita la segunda fila y no la primera, como hago? ya probe colocando second, 2, y tambien colocandole un id a la tr pero aun asi no funciona. Entonces para ver si podrian ayudarme.

[sandragh27]

Disculpen ya lo solucione utilizando id=fila y colocando #fila