<aura:component implements="flexipage:availableForAllPageTypes" controller="DependentController" access="global">
	<aura:attribute name="Country" type="String" access="global"/>
	<aura:attribute name="State" type="String" access="global"/>
	<aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
	<aura:handler name="change" value="{!v.Country}" action="{!c.chanegState}"/>
	<ui:inputSelect aura:id="CountryId" label="Country" value="{!v.Country}"/>
	<ui:inputSelect aura:id="StateId" label="State" value="{!v.State}"/>
</aura:component>


({

    doInit : function(cmp) {        
        var action = cmp.get("c.countriesList");
        action.setCallback(this, function(response) {
            if(cmp.isValid() && response.getState() === "SUCCESS") {
                var options = response.getReturnValue();
                var picklistOptions = [];
                for (i= 0; i < options.length ; i++)
                {
                    picklistOptions[i] = { label: options[i].Label, value: options[i].Value};
                }
                cmp.find("CountryId").set("v.options", picklistOptions);
            }
        });
        $A.enqueueAction(action);
    },

    chanegState: function (cmp) {
        var countryvalue = cmp.get("v.Country");
        var action2 = cmp.get("c.showStates");
        action2.setParams({ "countryvalue" : countryvalue });
        action2.setCallback(this, function(response) {
            if(cmp.isValid() && response.getState() === "SUCCESS") {
                var options = response.getReturnValue();
                var picklistOptions = [];
                for (i= 0; i < options.length ; i++)
                {
                    picklistOptions[i] = { label: options[i].Label, value: options[i].Value};
                }
                cmp.find("StateId").set("v.options", picklistOptions);
            }
        });
        $A.enqueueAction(action2);
    }
})
public class DependentController{
public List<selectOption> countriesList() { 

            List<selectOption> countriesList = new List<selectOption>();
            countriesList.add(new selectOption(' ','--Select--'));

            map<string,Countries__c> countryMap = Countries__c.getAll();
            List<string> countries = new List<string>();
            countries.addAll(countryMap.keySet());
            countries.sort();

            for(string country : countries){

                Countries__c c = countryMap.get(country);
                countriesList.add(new selectOption(c.CountryCode__c, c.Name));
            }

            return countriesList; 
        }

  public List<selectOption> showStates() { 
		
		List<selectOption> statesList = new List<selectOption>(); 
		Map<String, States__c> allstates = States__c.getAll();
		Map<string, States__c> states = new Map<string, States__c>();
		for(States__c state : allstates.values()) { 
			if (state.countryCode__c == fanCountry_Region) { 
				states.put(state.name, state); 
			} 
		}
		 if(fanCountry_Region.contains('United States') || fanCountry_Region.contains('Canada ') ){
			
			statesList = new List<selectOption>();
		 }else{
			
			for (String stateName : stateNames) {
                States__c state = states.get(stateName);
                statesList.add(new SelectOption(state.StateCode__c, state.Name));
            }
		 }
		 return statesList;
    }
}