jquery 给动态添加的select元素绑定change事件
时间: 2023-12-19 12:02:53 浏览: 308
jQuery事件用法实例汇总
要给动态添加的select元素绑定change事件,可以使用jquery的事件委托机制。首先,需要在页面加载完成时,使用on方法对document对象进行委托,选择要绑定change事件的父级元素或者document本身。然后将事件类型设置为change,选择要委托的目标元素为动态添加的select元素,并在callback函数中处理change事件的逻辑。
具体的代码如下:
```javascript
$(document).on('change', 'select.dynamic-select', function() {
// 处理change事件的逻辑
var selectedValue = $(this).val();
console.log('选中的值为:' + selectedValue);
});
```
在这段代码中,'select.dynamic-select'表示要委托的目标元素为class为dynamic-select的select元素,可以根据实际情况修改选择器。当动态添加的select元素被改变时,就会触发change事件,并执行callback函数中的逻辑。
通过这种方式,可以实现对动态添加的select元素进行change事件绑定,而且不会受到页面加载时元素是否存在的限制。
阅读全文