Jquery/Ajax переключатель OnChange вызвать

Question

Хорошо, что я пытаюсь сделать, это создать список полого выбора, которые обновляют их значение каждого в зависимости от выше:

первого такова:

<script> 

var $schoolRegion = $('#stage_attendedSchoolRegion'); 
$schoolRegion.change(function() { 
    var $form = $(this).closest('form'); 
    var data = {}; 
    data[$schoolRegion.attr('name')] = $schoolRegion.val(); 
    $.ajax({ 
    url : $form.attr('action'), 
    type: $form.attr('method'), 
    data : data, 
    success: function(html) { 
     $('#stage_attendedSchoolDistrict').replaceWith(
     $(html).find('#stage_attendedSchoolDistrict') 
    ); 
    } 
    }); 
}); 

</script> 

Когда это значение изменяется, отправляется запрос ajax, и выбор выбора «#stage_attendedSchoolDistrict» обновляется значением POST html.

Поскольку здесь все хорошо, теперь мне нужно сделать то же самое с «#stage_attendedSchoolDistrict» выбрать так:

<script> 

var $schoolDistrict = $('#stage_attendedSchoolDistrict'); 
$schoolDistrict.on.change(function() { 
    var $form = $(this).closest('form'); 
    var data = {}; 
    data[$schoolDistrict.attr('name')] = $schoolDistrict.val(); 
    $.ajax({ 
    url : $form.attr('action'), 
    type: $form.attr('method'), 
    data : data, 
    success: function(html) { 
     $('#stage_attendedSchoolCity').replaceWith(
     $(html).find('#stage_attendedSchoolCity') 
    ); 
    } 
    }); 
}); 

</script> 

Проблема заключается в том, что событие не срабатывает вообще. Я думаю, что это связано с тем, что первый имеет значения в HTML-странице страницы, а последний не делает. Как я могу решить?

Любое предложение приветствуется, спасибо за помощь.

Answer 1

Вы вызываете on.change во втором примере, а не просто .change как в первом примере.