解决动态创建的select无法触发change事件

原创于 2021-09-02 17:37:45 发布 · 3k 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

JS/JQ

这篇博客探讨了如何将传统的jQuery选择器`$(.select).change()`替换为使用`$(document).on('change', '.select')`的事件委托方法。这种方法增强了代码的兼容性和性能，特别是在处理动态添加的元素时。博客内容详细解释了事件委托的工作原理，并通过示例代码展示了如何实现这一转换。

       $(".select").change(function(){
            var selected=$(this).children('option:selected').val();
            alert(selected);
       })

将以上代码中的 $(“.select”).change(function(){………}); 修改为 $(document).on('change',".select",function(){………})：

        $(document).on('change',".select",function(){
            var selected=$(this).children('option:selected').val();
            alert(selected);
        })

标签

#html #jquery