Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jqTransform] 3 zalezne pola select
Forum PHP.pl > Forum > XML, AJAX
maniek74
Witam

Do transformacji pola select używam jqTransform.

http://e-metalplast.programyinternetowe.pl/rejestracja

W polu kategoria wybieram Maszyny i urządzenia pojawia się nowy select.
Po wybraniu pola w nowym select nie ma żadnej reakcji na wybór, powinien pokazać się teraz alert.

Bardzo bym prosił o podpowiedź gdzie zrobiłem błąd.

  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3. // Pobranie poziomu 2
  4. $("#category div.jqTransformSelectWrapper ul li a").click(function(){
  5. $.ajax({
  6. url: "{DOMAIN_ALL}/ajaxFunction.php?func=subcategory&category="+$("#formRegisterCategory").val()+"&subcategoryName=formRegisterSubcategory",
  7. success: function(results) {
  8. $('#subcategory').html(results).attr('class', 'register').jqTransform();
  9. }
  10. });
  11. });
  12.  
  13.  
  14. // Pobranie poziomu 3
  15. $("#subcategory div.jqTransformSelectWrapper ul li a").click(function(){ alert('ssss');
  16. /*
  17. $.ajax({
  18. url: "{DOMAIN_ALL}/ajaxFunction.php?func=subcategory2&category="+$("#formRegisterCategory").val()+"&subcategory="+$("#formRegisterSubcategory").val()+"&subcategoryName=formRegisterSubcategory2",
  19. success: function(results) {
  20. $('#subcategory2').html(results).attr('class', 'register').jqTransform();
  21. }
  22. });*/
  23. });
  24.  
  25. });
  26.  
  27. <dl class="register" style="position: relative; z-index: 9999;">
  28. <dt class="register"{CSS_ERROR_CATEGORY}>{L_FORM_CATEGORY}:</dt>
  29. <dd id="category" class="register">
  30. <select id="formRegisterCategory" style="width: 316px;" name="formRegisterCategory">
  31. <option value="0">{L_FORM_VALUE_CATEGORY}</option>
  32. {OPTION_CATEGORY}
  33. </select>
  34. </dd>
  35. </dl>
  36.  
  37. <dl class="register" style="position: relative; z-index: 9990;">
  38. <dt class="register"></dt>
  39. <dd id="subcategory" class="register">
  40.  
  41. </dd>
  42. </dl>
  43.  
  44. <dl class="register" style="position: relative; z-index: 9980;">
  45. <dt class="register"></dt>
  46. <dd id="subcategory2" class="register">
  47.  
  48. </dd>
  49. </dl>


trueblue
Przypnij zdarzenie onClick w funkcji success, po jqTransform(), bo wtedy dopiero zaczyna istnieć ta lista.
Albo zmień na:
  1. $("#subcategory").on('click','div.jqTransformSelectWrapper ul li a',function(){ alert('ssss');});
maniek74
Dzięki, niestety nie działa wrzuciłem na

http://e-metalplast.programyinternetowe.pl/rejestracja

Pozdrawiam
trueblue
W przypadku wersji jQuery, której używasz na stronie, pierwszy przykład zadziała.
maniek74
W tym senk że ani mój ani Twój przykład nie działa.
trueblue
Podałem dwa.
maniek74
Dzięki serdeczne faktycznie działa, pozdrawiam
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.