Foros del Web - Ver Mensaje Individual - clonar campos y cambiar atributos y agregar contenido

Dany_s · #4 (**permalink**) 01/04/2011, 06:25

para agregar el "borrar" antes del li puedes agregar al html y borrar al ingresar para que no para que no aparezca en el primer item pero antes obtener el html del li para luego poder agregar

Código HTML:

Ver original<html>
    <head>
        <title>Ejemplo</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
        <script>
 
        $(function(){
 
            fila = $("#materias_inscribir").html();
            $("#materias_inscribir .borrarMateria").remove();
 
            $("#agregarMateria").click(function(){
                $("#materias_inscribir").append( fila );
            });
 
            $(".borrarMateria").live('click', function(){
                $(this).closest('li').remove();
            });
 
            $('form').submit( function(){
                alert($(this).serialize());
                return false;
            });
 
        });
 
        </script>
    </head>
    <body>
    <form>
        <fieldset id="materias_inscribir_fieldset">
            <legend>Materias a Inscribir</legend>
            <ul id="materias_inscribir">
                <li>
                    <select name="cod_materia[]">
                        <option value="1"/> 541140-Taller de Lengua I
                        <option value="2"/> 540701-Historia de la Educacion
                    </select>
                    <select name="razon_solicitud[]">
                        <option value="1"/> Dis= Dispersi&oacute;n
                        <option value="2"/> Ch= Choque de hora
                        <option value="3"/> Pr= Prelaci&oacute;n
                        <option value="4"/> Ex= Exeso de hora
                    </select>
                    <a href="#" class="borrarMateria">Borrar materia</a>
                </li>
            </ul>
            <a href="#" id="agregarMateria">Agregar materia</a>
        </fieldset>
 
        <input type="submit" value="Registrar"/>
    </form>
    </body>
</html>