[jQuery] Zależne selectlisty Opcje

[marcinpruciak]

Chciałem osiągnąć wybieranie kategorii przy dodawaniu produktu takie jakie jest na allegro podczas wystawiania przedmiotu. To znaczy po kliknięciu w jednej select liscie pojawia się kolejna. A przy kliknięciu na trzecią całość przesuwa się w lewo. I pierwsza select lista jest drugą.

Napisałem taki kod. Działa do pierwszego kliknięcia na 3 listę. Później nie odświeżają się 1 i 2 druga lista.

[JAVASCRIPT] pobierz, plaintext 
$("#category1").live('change', function(){
            id = $(this).attr("value");
            $.get('/aukcje/pl/auction/echo_have_children/'+id, function(data) {
              if(data == 1){
                $("#category2").load("/aukcje/pl/auction/echo_children_cat/"+id+"/2");
                  $("#cat_id").attr("value", '');
              }else{
                  $("#cat_id").attr("value", id);
                  //alert(id);
                  $("#category2").html('');
                  $("#category3").html('');
              }
            });
        });
 
        $("#category2").live('change', function(){
            id2 = $(this).attr("value");
            $.get('/aukcje/pl/auction/echo_have_children/'+id2, function(data) {
              if(data == 1){
                $("#category3").load("/aukcje/pl/auction/echo_children_cat/"+id2+"/3");
                  $("#cat_id").attr("value", '');
              }else{
                  $("#cat_id").attr("value", id2);
                 // alert(id2);
                  $("#category3").html('');
              }
            });
        });
        $("#category3").live('change', function(){
            id3 = $(this).attr("value");
            $.get('/aukcje/pl/auction/echo_have_children/'+id3, function(data) {
              if(data == 1){
                  $("#category1").load("/aukcje/pl/auction/echo_children_cat/"+id+"/1");
                  $("#category2").load("/aukcje/pl/auction/echo_children_cat/"+id2+"/2");
                  $("#category3").load("/aukcje/pl/auction/echo_children_cat/"+id3+"/3");
                  $("#cat_id").attr("value", '');
              }else{
                  $("#cat_id").attr("value", id3);
                  //alert(id3);
              }
            });
        });
[JAVASCRIPT] pobierz, plaintext