javascript - 当选项更改时，Jquery on Change 事件不会触发

Question

$(document).ready(function(){
   alert("Hey remove this alert asap");
   console.log("I am ready now");
   $("#select-box").change(function(){
       console.log("I am in select box change");         
      alert("hello");
   });
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select style="float:right;margin-right:10px;margin-top:5px" name="select-box" id="select-box" class=""><option value="">Select an option</option><option value="all">Select all</option><option value="none">Select none</option></select>

我在更改事件上使用 jQuery。即使选项更改，该功能也不会被触发。开发人员工具中也没有显示任何错误。所以我在这里感到震惊，不知道为什么该功能没有被触发。

我也看不到任何控制台日志消息或警报。任何人都可以纠正我吗？

Answer 1

如果动态添加选择标记，则还应该动态绑定(bind)事件:

$(document).on('change', "#select-box", function () {
   console.log("I am in select box change");         
});