[jquery] Usuwanie nowododanych pól w dynamicznym formularzu

[jquery] Usuwanie nowododanych pól w dynamicznym formularzu

kovalskipl Zobacz profil	29.07.2010, 11:25:15 Post #1
Grupa: Zarejestrowani Postów: 2 Pomógł: 0 Dołączył: 29.07.2010 Ostrzeżenie: (0%)	Witam. Przy pisaniu takiego dosyć prostego dynamicznego formularza w jquery napotkałem taki problem. Otóż w kodzie zamieszczonym poniżej powstaje problem przy usuwaniu nowo dodanych przez jquery pól. Pola niedodane dynamicznie usuwają się bezproblemowo. Co ciekawe dodawany przez js kod jest identyczny z tym, który jest w kodzie html. Macie może jakiś pomysł co tu jest nie tak? pozdrawiam, Łukasz [HTML] pobierz, plaintext <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script> $(document).ready(function() { $('input[name=insertfield]').click(function(){ $('div#pola').append('<label><input type="text" name="field[]" /> <a href="#" class="delfield">usuń</a></label>'); }); $('a.delfield').click(function(){ $(this).parent('label').remove(); }); }); </script> </head> <body> <div id="pola"> <label><input type="text" name="field[]" /> <a href="#" class="delfield">usuń</a></label> </div> <input type="button" name="insertfield" value="dodaj" /> </body> </html> [HTML] pobierz, plaintext