更改选项时，不会触发更改事件上的Jquery

Question

＆＃13;

＆＃13;

$(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");
   });
 });

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

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

我无法看到任何控制台日志消息或警报。任何人都可以请你纠正我。

Answer 1

如果动态添加select的标记，还应该动态绑定事件：

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