selectize.js - 如何在select的onChange内调用函数？

Question

如何在select的onChange内调用函数？

onChange: function(value){
  weatherWidget(value)
}

$(document).ready(function() {
  function weatherWidget(location){
    console.log('test');
  }
}

这段代码给了我未定义的功能。谢谢

Answer 1

您遇到范围问题。您也可以将selectize调用也包装在$(document).ready中（无论如何都应包装在其中），也可以将函数声明保留在它的外部，因为它将在解析时加载。我建议将函数保留在$(document).ready之外，如下所示：

$(document).ready(function() {
  $(x).selectize({
    ....
    },
    onChange: function(value) {
      weatherWidget(value);
    }
  });    
});

function weatherWidget(location) {
  console.log(location);
}