필드를 활성화/비활성화하는 여러 jQuery 함수를 병합하는 방법은 무엇입니까?

Question

나는 jQuery 함수를 하나의 함수에 넣고 싶다. 기본적으로 드롭 다운에서 하나의 선택 사항을 선택하면 추가 선택 사항을 활성화/비활성화 할 수 있습니다. 어떻게 그렇게 할 것입니까?

 //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'); 
})