Jquery：Reset（enable）以前は無効だったオプションを選択してください

Question

「名前」フィールドからエンドユーザが選択する内容に応じて選択オプションを無効/有効にする「セクタ」フィールドがあります。

これは、onchange関数を使用して行われます。 onChangeアスペクトは正常に動作しますが、ユーザーが「名前」フィールドから2回目の選択を選択した場合、「セクター」フィールドを「リセット」するのに問題があります。

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

2番目の選択を選択した場合、無効なフィールドは無効のままです。

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