Jquery：重置（启用）选择先前在onchange上禁用的选项

Question

我有一个“扇区”字段，根据最终用户从“名称”字段中选择的内容，禁用/启用选择选项。

使用onchange函数会发生这种情况。 onChange方面工作正常，但如果用户从“名称”字段中第二次选择一个选项，我就会“重置”“扇区”字段。

$('#filter_pname').change(function() { 
    $('#filter_secteur option').attr("enabled", "true"); // reset attempt

    var variable = $('#filter_pname option:selected').data('secteur');
    $('#filter_secteur option:not(:contains('+ variable +'))').attr("disabled","disabled");
});

如果选择了第二个选择，则禁用的字段将保持禁用状态。

https://jsfiddle.net/invisionweb/kysfzbdy/

Answer 1

而不是.attr("enabled", "true");，而是执行此操作：.removeAttr('disabled');或.attr("disabled", false);

$('#filter_pname').change(function() { 
    $('#filter_secteur option').removeAttr('disabled'); // reset attempt

    var variable = $('#filter_pname option:selected').data('secteur');
    $('#filter_secteur option:not(:contains('+ variable +'))').attr("disabled","disabled");
});