JavaScriptの処理を一時停止していますか？

Question

「警告」のコメントを外すと、次のコードは問題なく動作します。これは、ユーザがカントリーを選択し、次に州を選択し、次に都市を選択する一連のカスケード・ドロップダウンを行うことでわかったことです。

アラートのコメントを外すと、値はまだ更新されていないようです。私はたくさんのものを試しましたが、私は運がありませんでした。私は何か愚かなことをやっていると確信しています。どんな助けでも大歓迎です。

ありがとうございます！

$(document).ready(function() { 
    $("#Country").change(function() { 
     $("#City").html(""); 
     var id = $("#Country").val(); 
     getStates(id); 

//  alert("CountryId = " + id); 
     var stateId = $("#State").val(); 
//  alert("stateId = " + stateId); 
     var stateId = $("#State").val(); 
     alert("stateId = " + stateId); 

     $(document).ready(function() { 
      getCities(stateId); 
     }); 
    }); 
    $("#State").change(function(){ 
     var id = $("#State").val(); 
     id = (id==null)?1:id; 
      getCities(id); 
    }); 
}); 

Answer 1

関数getStatesがサーバーへの非同期要求の場合、成功コールバックを追加する必要があります。そうでない場合、それは変だ。

btw。 $（document）.readyドキュメント内のreadyは意味をなさない。

Answer 2

あなたのコードは

あまり意味がありません。私はalerts`のコメントを外した場合、おそらくこれはあなたが

$(document).ready(function() { 
    $("#Country").change(function() { 
    var id = $(this).val(); 
    getStates(id); 
    }); 
    $("#State").change(function() { 
    var id = $(this).val(); 
    getCities(id); 
    }); 
});