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。