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請求，並使用POST html值更新「#stage_attendedSchoolDistrict」選項的選項。

因爲這裏的一切都很好，現在我需要做同樣的「#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。