Jquery：重置（啓用）選擇先前禁用的更改選項

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"); 
});