Foros del Web - Ver Mensaje Individual

Dany_s · #8 (**permalink**) 17/12/2010, 14:30

otra forma creo que es más sencilla, creo un string del tr asi tengo todos los campos tal cual lo dejo por defecto y no hay que limpiarlos, cuando doy click en el botón con #agregar agrego la clase eliminar y borro el id, luego agrego la nueva fila

Código HTML:

Ver original<html>
    <head>
        <title>Ejemplo</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    </head>
        <script type="text/javascript">
            $( function (){
                
                newTr = '<tr>'+$('#laTabla tr').clone().html()+'</tr>';
                $('#agregar').live('click', function(){
                    $(this).text("Eliminar").addClass('eliminar').removeAttr('id');
                    $('#laTabla').append(newTr);
                    return false;
                });
 
                $('.eliminar').live('click', function(){
                    $(this).closest('tr').remove();
                    return false;
                });
 
            });
        </script>
    <body>
 
    <div>
        <table id="laTabla">
            <tr>
                <td><span class="item">Name</span></td>
                <td><input  type="text"  name="nombre[]" /></td>
                <td><input  type="text"  name="uno[]" /></td>
                <td><input  type="text"  name="dos[]" /></td>
                <td><select name="tres"><option>1</option><option>2</option</select></td>
                <td><select name="cuatro"><option>1</option><option>2</option</select></td>
                <td><select name="cinco"><option>1</option><option>2</option</select></td>
                <td><button id="agregar">Agregar</button></td>
            </tr>
        </table>
    </div>
 
    </body>
</html>