javascript - 从 onchange 事件处理程序中提取变量以用于其他函数

Question

我有一个事件处理程序监听下拉列表的变化并设置变量的值。我已将变量声明为全局变量，即在任何函数之外，然后在更改时设置值。但是，一旦它发生变化，我需要能够在其他函数中获取变量（而不是在偶数处理程序中）。我如何从事件处理程序中“提取”它？我试图退回它，但没有运气 - 这是代码：

$(document).on('change', 'select#search_subject', function () {
    if ($('#sBar3').show()) {
        $('#sBar3').hide();
    }
    var subject = $('#search_subject>option:selected').text();
    var id = $('#search_subject>option:selected').val();
    ajaxSubject(subject, '#sBar3');
    return subject;
});
console.log(subject);   

日志只显示“空字符串”，我很困惑。如果可能的话，我不想重新调整代码以将所有内容都包含在事件处理程序中（那里有很多 Google Map 生成代码，这会让人很痛苦）——如果那样的话，我只需要从事件处理程序中取出主题变量有道理-谢谢

Answer 1

通过使用var关键字，您将创建一个新的局部变量，然后将主题文本分配给该变量。如果您已经subject在全局范围内定义，那么您的分配行应该只是：

subject = $('#search_subject>option:selected').text();

Answer 2

如果稍后未创建选择，那么在删除var使主题成为本地的之后，这将是更简单的代码

$("#search_subject").on('change',function () {
  $('#sBar3').toggle();
  subject = $('option:selected',this).text();
  var id = $(this).val(); // not used?
  ajaxSubject(subject, '#sBar3');
  window.console && console.log(subject);   
  return subject;
});