jquery - 重置时更改保管箱背景

Question

我有一组下拉框，当一个值在一个框中使用时，它被禁用，并且其他框中值的背景变为灰色。这很好用。我的问题是当我重置表单时，背景不会返回白色并且值保持禁用状态。我正在使用普通输入 type='reset"来清除表单这是我用来更改背景的函数

function CheckSelected() {
    $(document).on('change', 'select', function () {
        $('option[value="disabled"]').prop('disabled', false);
        $(this).addClass('exception');
        $('option[value="' + this.value + '"]:not(.exception *)').prop('disabled', true);
        $('option[value="' + this.value + '"]:not(.exception *)').css('background-color', 'grey');
        $(this).removeClass('exception');
    });
}

Answer 1

您可以监听表单重置事件并重置背景颜色:

$(document).on('reset', 'form', function() {
    $(this).find('option').css('background-color', '');
});

http://jsfiddle.net/262ro32y/1/

您还可以删除样式属性，而不是将背景颜色设置为空字符串:

$(this).find('option').removeAttr('style');