[jQuery] wykrywanie zmiany w dynamicznie dodanym polu

[jQuery] wykrywanie zmiany w dynamicznie dodanym polu

szczeku Zobacz profil	21.10.2010, 15:10:59 Post #1
Grupa: Zarejestrowani Postów: 24 Pomógł: 0 Dołączył: 29.08.2010 Ostrzeżenie: (0%)	Witam, chciałbym zrobić aby po wybraniu odpowiedniej wartosci w polu select, pokazywał się odpowiedni formularz (z tym nie ma problemu), a następnie w tym załadowanym formularzu jest pole typu input gdzie chce wpisać ilość pól które chce aby sie pojawiły, albo za pomaca przycisków dodaj-usuń dodawanie tych pol. Wiem jak zrobić wszystko z osobna jednak nie umiem poradzić sobie z reakcją na zmiane w tym dynamicznie dodanym polu input. [HTML] pobierz, plaintext $(document).ready(function() { $("#fieldtype").change(function () { var str = ""; $("#fieldtype option:selected").each(function () { if ($(this).val() == 1) { str += 'Ilość odpowiedzi : <input type="text" name="ilosc_odpowiedzi" id="ilosc_odpowiedzi"><p id="odpowiedzi"></p>'; } else if ($(this).val() == 2) { str += "<input name="+$(this).text() + "values= "+$(this).text; } }); $("#field").html(str); }).change(); $("#ilosc_odpowiedzi").keyup(function() { var odp = ""; if($(this).val() == 1) { odp += 'Odpowiedź 1 : <input type="text" name="odp1">'; } $("#odpowiedzi").html(odp); }); }); [HTML] pobierz, plaintext wpisanie w polu ilosc_odpowiedzi nic nie robi, prosze o pomoc. Pozdrawiam

Odpowiedzi (1 - 3)

pgrzelka Zobacz profil	22.10.2010, 07:20:51 Post #2
Grupa: Zarejestrowani Postów: 313 Pomógł: 24 Dołączył: 9.08.2008 Skąd: Kielce Ostrzeżenie: (0%)	do nowo dodanych inputów musisz przypisać akcje po ich utworzeniu czyli najpierw dodajesz javascriptem inputa, następnie przypisujesz mu akcje, a teraz robisz odwrotnie, przypisujesz akcje do nie istniejącego inputa

erix Zobacz profil	22.10.2010, 07:28:59 Post #3
Grupa: Moderatorzy Postów: 15 467 Pomógł: 1451 Dołączył: 25.04.2005 Skąd: Szczebrzeszyn/Rzeszów	albo live(). (IMG:style_emoticons/default/winksmiley.jpg)

szczeku Zobacz profil	24.10.2010, 14:38:53 Post #4
Grupa: Zarejestrowani Postów: 24 Pomógł: 0 Dołączył: 29.08.2010 Ostrzeżenie: (0%)	Dobra problem rozwiązany. Umieszczam rozwiązanie może komuś sie przyda. [HTML] pobierz, plaintext <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function() { $("#fieldtype").change(function () { var text = ""; var input = ""; var odp = ""; $("#fieldtype option:selected").each(function () { if ($(this).val() == 1) { text += 'Ilość pól : '; input = $('<input type="text" name="ilosc_pol" id="ilosc_pol">'); input.keyup(function() { for(var i=1;i<=$(this).val();i++) { odp += 'pole '+i+' : <input type="text" name="odp'+i+'"><br>'; $("#odp").html(odp); } }) } else if ($(this).val() == 2) { //instrukcje dla opcji 2 z lsty rozwijanej $("#odp").html(odp); } }); $("#field").html(text).append(input); $("#odp").html(odp); }).change(); }); </script> </head> <body> <select id="fieldtype"> <option value="">wybierz</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> <p id="field"></p> <p id="odp"></p> </body> </html> [HTML] pobierz, plaintext

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Aktualny czas: 23.12.2025 - 10:56

Hosting zapewnia