Witam,

Mam 2 selecty na jednej stronie. Pierwszy główny i drugi zależny od pierwszego.

Mam już zrobione tak, że po wybraniu pierszego dynamicznie zmienia się drugi. Nowy select ma ten sam 'name', jak łatwo się domyślić zmieniają sie tylko 'option'.

Ten drugi select wygląda tak ze miesci sie w <div id="select"> tutaj select </div>. No i za pomocą ajaxa zamieniam div id=select na div id=select.

GŁOWY PLIK -> SELECT: kawałek kodu
  1. /**** PHP ****/
  2.  
  3. <div id="select">
  4.  
  5. ....
  6.  
  7. echo "<select name=\"selekt\">";
  8.  
  9. for($i=0; $i<$w; $i++)
  10. {
  11.  
  12. $g = $r ->fetch_assoc();
  13.  
  14. echo "<option value=\"".$g['zm1']."\">".$g['zm2']."</option>";
  15.  
  16. }
  17.  
  18. echo "</select>";
  19.  
  20. ....
  21.  
  22. </div>
  23.  
  24. /**** PHP ****/


PLIK JS
  1. /**** AJAX ****/
  2. $.ajax({
  3. type: "POST",
  4. url: 'zamien.php',
  5. data: "zmienna="+zmienna,
  6. cache: false,
  7. dataType: "html",
  8. success : function(zwrot) {
  9. $('#select').html(zwrot);
  10. },
  11. error: function(err) {
  12. console.log(err)
  13. }
  14. });
  15. /**** AJAX ****/


No i teraz po zmianie selecta, na nowym selecie nie działa metoda jquery:

  1.  
  2. $(document).ready(
  3.  
  4. ...
  5.  
  6. /**** AJAX ****/ - ten kawalek kodu z gory
  7.  
  8. ....
  9.  
  10. $('select[name="selekt"]').change(
  11. function()
  12. {
  13.  
  14. alert("ten komunikat nie dziala po zmianie selecta, a przed tak");
  15.  
  16. });
  17.  
  18. ...
  19.  
  20. });
  21.  



Czyli stary select jest czytany przez tą funkcję. Jak się z tym uporać, proszę o rade.