jquery - HTML重置按钮不触发JQuery绑定(bind)功能

Question

我在所有匹配的输入上都有这个绑定(bind)事件:

$('input[name$="_keyword"]').each(function() {
    $(this).bind("propertychange keyup input paste", function(event){
    if ($(this).val() != '') {
        $(this).prevAll('select').attr('disabled', true);
    } else {
        $(this).prevAll('select').attr('disabled', false);
    }
    });
});

如果在文本输入中输入了文本，这将禁用相关的下拉菜单。

但是，如果我在其中一个 _keyword 输入中输入某人，从而禁用相关的下拉菜单，然后点击 HTML 重置按钮，表单中的所有字段都将被清除，但下拉菜单不会使能够。单击重置按钮时如何启用这些？

<input type="reset" value="Reset"/>

JSFIDDLE

Answer 1

您可以在表单的 reset 事件上注册处理程序以重新启用下拉菜单:

 $('form').on('reset', function() { $('form select').removeAttr('disabled'); });