javascript - jQuery : Finding the select elements inside the table row and listening to change event

Question

我有一个包含多个选择元素的行表。我已经为这个选择的元素指定了类。我需要根据类找到此选择元素的更改事件。

所以我用它来查找元素

jQuery("table").on('click', 'tr', function () {
        jQuery(this).children().find('.select1').on('change', function () {
              //my action
        });
        //and same way the next select element
});

现在，我得到了更改事件，但更改事件被多次触发。 最初一次，然后计数不断增加。我需要这方面的帮助，因为我已经被困了很长时间了。谢谢

答案:

我想监听选择的更改事件，并在该事件上向行添加更多元素。所以现在我使用 delegate() 来监听选择更改事件，然后获取父级 使用 jQuery(this).closest('tr');附加其他表数据。

jQuery('table').on('click','select1',function(){
    //get the parent
    jQuery(this).closest('tr');
    //Do the rest
});

谢谢

Answer 1

不需要tr点击事件，如果选择元素是静态的则直接注册点击处理程序

jQuery('table .select1').on('change', function () {
    //my action
});

如果它们是动态创建的，则使用 event delegation

jQuery('table').on('change', '.select1', function () {
    //my action
});

在您的代码中，每次单击 tr 时，都会将新的更改处理程序添加到该 tr 中的 select1 元素中，这不是您想要的，是吗？ ？