フィールドを有効/無効にする複数のjQuery関数をマージするには？

Question

私は1つの関数に入れたいjQuery関数を持っています。基本的に、ドロップダウンから1つの選択肢を選択すると、それ以上の選択肢を有効/無効にしたいと考えています。私はどうしたらいいのですか？

 //To disable "Your Center" Drop Down if "Customer Care Center" is not chosen. 
    $('select[name="YourLocation"]').change(function() { 

     if ($(this).val() === 'Customer Care Center') { 
      $('[name="YourCenter"]').prop("disabled", false); 
     } 
     else { 
      $('[name="YourCenter"]').prop("disabled", true); 
     } 
    }); 

    //To disable "BranchNumber, RegionNumber, & DivisionNumber" if "Branch" is not chosen. 
    $('select[name="YourLocation"]').change(function() { 

     if ($(this).val() === 'Branch') { 
      $('[name="BranchNumber"]').prop("disabled", false); 
      $('[name="RegionNumber"]').prop("disabled", false); 
      $('[name="DivisionNumber"]').prop("disabled", false); 
     } 
     else { 
      $('[name="BranchNumber"]').prop("disabled", true); 
      $('[name="RegionNumber"]').prop("disabled", true); 
      $('[name="DivisionNumber"]').prop("disabled", true); 
     } 
    }); 

    //To disable "RegionNumber & DivisionNumber" if "Region" is not chosen. 
    $('select[name="YourLocation"]').change(function() { 

     if ($(this).val() === 'Region') { 
      $('[name="RegionNumber"]').prop("disabled", false); 
      $('[name="DivisionNumber"]').prop("disabled", false); 
     } 
     else { 
      $('[name="BranchNumber"]').prop("disabled", true); 
      $('[name="RegionNumber"]').prop("disabled", true); 
      $('[name="DivisionNumber"]').prop("disabled", true); 
     } 
    }); 

    //To disable "DivisionNumber" if "Division" is not chosen. 
    $('select[name="YourLocation"]').change(function() { 

     if ($(this).val() === 'Division') { 
      $('[name="DivisionNumber"]').prop("disabled", false); 
     } 
     else { 
      $('[name="BranchNumber"]').prop("disabled", true); 
      $('[name="RegionNumber"]').prop("disabled", true); 
      $('[name="DivisionNumber"]').prop("disabled", true); 
     } 
    }); 

Answer 1

$('select[name="YourLocation"]').change(function() { 
    $('[name="YourCenter"]').prop("disabled", $(this).val() != 'Customer Care Center') 
    $('[name="DivisionNumber"]').prop("disabled", $(this).val() == 'Customer Care Center'); 
    $('[name="RegionNumber"]').prop("disabled", $(this).val() == 'Customer Care Center' || $(this).val() == 'Division'); 
    $('[name="BranchNumber"]').prop("disabled", $(this).val() != 'Branch'); 
})