javascript .on() 函数不工作

Question

我有一个选择列表，#select1，当用户从此列表中选择一个选项时，就会发生特定的操作。我尝试使用以下 JavaScript 代码来完成此操作，但遗憾的是它不起作用:

脚本

jQuery(document).ready(function(){
    $( document ).on( "change", "#select1", function() {
        alert("test");
    });
});

因此，当我选择某个选项时，我不会收到测试警报。

知道为什么会发生这种情况吗？

编辑

HTML

<select id="select1">
      <option selected="selected" disabled="disabled">Choose your country</option>
      <option value="2">Canada</option>
      <option value="3">France</option>
      <option value="4">India</option>
      <option value="5">Poland</option>
      </select>

Answer 1

我认为这会起作用

$('body').on('change','#select1',function(){
    alert("test");
});

<强> DEMO HERE