Forum PHP.pl > [jquery] Usuwanie nowododanych pól w dynamicznym formularzu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [jquery] Usuwanie nowododanych pól w dynamicznym formularzu

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

kovalskipl

29.07.2010, 11:25:15

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

nospor

29.07.2010, 11:29:20

Sobie wyobraż sytuację, że masz 5 krzeseł. Pomalowales te 5 krzesel na czerwono.
Teraz do pokoju wnosisz kolejne dwa krzesła. I co? Myslisz ze te dwa krzesła nagle same się pomalują na czerwono? Nie, dopóki ty ich znowu nie pomalujesz to one same się nie pomalują.

$('a.delfield').click(function(){
$(this).parent('label').remove();
});
ten kod dziala na aktualnie istniejące pola. Jak dodajesz nowe pola to ten kod ich nie obejmuje.
Zainsteresuj się więc LIVE w jquery albo kazdemu nowododanemu polu przypisuj zdarzenie click co to masz w kodzie wyzej

kovalskipl

29.07.2010, 11:53:49

No fakt. Jednak krzesła same się nie pomalują

Kod

            $('a.delfield').live('click', function(){
                  $(this).parent('label').remove();
            });

Dzięki za pomoc

Pozdrawiam,
Łukasz

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.