jqueryon<；选择>；更改事件未触发

标题中有以下内容：

$('body').on('change', '#userFilter', function(){
   console.log('changed');
});

单击选项卡时，此元素将动态插入页面：

<select id="userFilter">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

1.
2.
3.

问题是，当我更改下拉列表时，控制台中没有显示任何内容。

将其包装，以便将html控件

userFilter

添加到DOM中，并可用于

javascript

$(document).ready(function() {
   $('body').on('change', '#userFilter', function(){
      console.log('changed');
   });
});

传递给.ready（）的处理程序保证在 DOM已经准备好了，所以这通常是连接所有其他对象的最佳位置 事件处理程序并运行其他jQuery代码

---

虽然有点与OQ无关，但如果您之所以来到这里是因为您的select没有触发，请确保您以前没有选中

警报（）中的“阻止此页面显示…”

。您需要关闭该选项卡，然后重新打开该URL，以使其再次可见。

对我来说很好：。确保在

body

存在时绑定事件处理程序（jquery101）。来自：“当使用jQuery读取或操作文档对象模型（DOM）时，我们所做的几乎所有事情都是一样的，我们需要确保在DOM准备就绪后立即开始添加事件等。为此，我们为文档注册了一个就绪事件。”。为什么似乎没有人在读它？请勾选答案：）只是一个简短的提示，以帮助可能犯了同样愚蠢错误的其他人-确保您没有意外的重复id，例如，如果您碰巧有一个与筛选器id相同的div，则不会触发更改事件！我在UpdatePanel中有一个文本区域，但由于某些原因，上面的内容对我不起作用：/有什么建议吗？谢谢