Question

I have this bound event on all matching inputs:

$('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);
    }
    });
});

This will disable the related dropdown menu if text has been typed into it’s text input.

However, if I type someone in one of the _keyword inputs, thus disabling the related dropdown menu, and hit my HTML reset button, all fields in the form will clear but the dropdown menus will not enable. How can I have these enable when the reset button is clicked?

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

JSFIDDLE

Answer 1

You can register a handler on the form’s reset event to re-enable the drops-downs:

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