Jquery reagisce in modo inaspettato :-S

[sjpagan]

Salve è da parecchio che uso jquery ma questa è la prima volta che lo faccio su un cloud, ho sempre eseguito controlli è operazioni di vario genere senza mai avere troppi problemi, oggi mi è capitata per la prima volta una cosa stranissima, vi spiego di cosa si tratta, ho tre select option

1) id= Gruppo
2) id= Gruppo1
2) id= Gruppo3

Solamente il primo lo compilo mediante php in fase caricamento della pagina, quindi avrò uno scenario html finale di questo genere

<select id='Gruppo'>
   <option val ="" ></option>
   <option val ="1" >Scelta 1</option>
   <option val ="2" >Scelta 2</option>
   <option val ="3" >Scelta 3</option>
   <option val ="4" >Scelta 4</option>
</select>

<select id='Gruppo1' disabled='disabled'>
   <option val ="" ></option>
</select>


<select id='Gruppo3' disabled='disabled'>
   <option val ="" ></option>
</select>

Ora cosa succede, quando eseguo la prima selezione effettuo una chimata ajax per prendere una lista da caricare nel Gruppo1 fin quì tutto ok, quando vado ad eseguire la selezione del Gruppo1 in automatico parte la funzione del Gruppo e mi ricarica nel Gruppo1 i valori che ho caricato nell'esecuzione della precedente funzione ...

Sono ritornato alle origni del codice Javascript ma niente stessa cosa, ho fatto un controllo se avevo delle classi o altro che potessero innescare la stessa funzione, ma niente, idem per la funzione async:false di ajxa....
Ecco il codice js:

 $(document).ready(function(){

   $('#Gruppo').change(function(){
      var temp,obj,html;
      var id = $('#Gruppo option:selected').val();
      if(id != '' &&  ){


      if($('#Gruppo1').prop('disabled') === true){
             $('#Gruppo1').prop('disabled',false);
      }

      $.ajax({
                url:url+"agente_ajax/carica_gruppo",
                type: "POST",
                data:{token:token,Gruppo1:id,submit:'carica_gruppo1'},
                success:function(result){
                    temp = result.split(",");
                    obj = jQuery.parseJSON(temp);
                    if(obj.type == 'y'){
                        $.each(obj.Gruppo1,function(index,obj_row){                     
                            html ="<option value='"+obj_row.Gruppo1+"' class='remove_gruppo2'>"+obj_row.Descrizione+"</option>";
                            $('#Gruppo1').append(html);

                        });//Chiusura each

                   }//chiusura if procedi con il caricamento dei dati
                   if(obj.type == 'n'){
                          //Gestiore errore Sessione   
                   }//chiusura if errore token
                }//Chisura Success Function
            });//Chiusura AJAX
      }else{//Chiusura IF campo Vuoto
          //messaggio Campo vuoto
      }
   });


});

sembra tutto ok ma non va

[cavicchiandrea]

if(id != '' && ){<-- qui c'è un errore togli && oppure aggiungi un altro controllo

[sjpagan]

Sorry, ho scritto il codice male, lì non c'è nulla solo il controllo sull'id

[cavicchiandrea]

...... idem per la funzione async:false di ajxa....

fai molta attenzione alle chiamate sincrone vanno gestite in modo appropriato e solo in casi particolari.
La console del browser da errori o anomalie?