変更イベントが停止していません

Question

（ddlcountry）の値を選択しても変更イベントが継続的に発生したときにカントリーイベントを変更しようとしています。

$(document).ready(function() { 
    $('#ddlCountry').on('change', function() { 
     if ($('#ddlCountry option:selected').index() > 0) { 
      getStateDetails(); 
     } 
    }); 
    $('#ddlState').on('change', function() {     
     if ($('#ddlState option:selected').index() > 0) { 
      getCityDetails(); 
     } 
    }); 
}); 

$('#ddlCountry').val(data.CountryID).trigger('change'); 
$('#ddlState').val(data.StateID).trigger('change'); 

どうすればいいですか？

Answer 1

私はあなたがgetStateDetailsとgetCityDetails機能でデータ変数の値を取得されるだろう、とその次の2行は、新しい値を毎回取得していると思う：

$('#ddlCountry').val(data.CountryID).trigger('change'); 
$('#ddlState').val(data.StateID).trigger('change'); 

そして、彼らはその後changeイベントをトリガ。また、これらのドロップダウンから実際に値を選択すると、jqueryの変更イベントがトリガされ、上記の関数が呼び出され、サイクルが繰り返し実行されます。関数内で引数としてその値を渡し

$('#ddlCountry').on('change', function() { 
    if ($('#ddlCountry option:selected').index() > 0) { 
     getStateDetails($(this).val()); 
    } 
}); 
$('#ddlState').on('change', function() {     
    if ($('#ddlState option:selected').index() > 0) { 
     getCityDetails($(this).val()); 
    } 
}); 

：あなたはこのようにコーディングできるドロップダウンの選択されたオプションの値を渡すために

。一般

Answer 2

continiously我々はそれを避けるために、次の使用できるイベントトリガーながら：。上

1. 単一のステートメントでオフ（）と上（）を使用します（つまり、 .offを（）（関数（）{} ））。
2. JavascriptまたはJqueryコードを 他のjsファイルに移動します。

希望します。