No puedo agregar mas items a una lista

chicohot20 · #1 (**permalink**) 13/04/2011, 16:43

Hola. Tengo el siguiente código:

Código HTML:

Ver original$(function() {
    var lifilter=$("#filter li:first").clone();
    $("#baddfilter").click(function(){
        lifilter.appendTo("#filter");
    });
});
 
 
<ol id='filter'>
<li>
<select>
<option>0001</option>
</select>
<select>
<option>M</option>
</select>
</li>
</ol>
<a href="#0" id='baddfilter'>Agregar filtro</a>

Y sólo me permite agregar un item, quisiera que se agreguen ilimitadamente, gracias.

Dany_s · #2 (**permalink**) 15/04/2011, 05:37

Código HTML:

Ver original<html>
    <head>
        <title>Ejemplo</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <script>
 
$( function(){
 
    var lifilter = $('#filter').html() ;
    $("#baddfilter").click(function(){
        $("#filter").append(lifilter);
        return false;
    });
 
});
    </script>
 
    <style>
 
    </style>
 
</head>
<body>
 
<ol id='filter'>
    <li>
        <select>
            <option>0001</option>
        </select>
        <select>
            <option>M</option>
        </select>
    </li>
</ol>
<a href="#0" id='baddfilter'>Agregar filtro</a>
 
</body>
</html>