Hi,

I would like to display a users based on selected department.

1. I am using 2 objects for this functionality 
              A. User Assignment  (here user & department is a picklist )
              B. Department 
2. I need to display a users based on selected department (users are mapped in User Assignment Object)

I tried in my way, I can return from a class but list of users is not displaying while onchange.

Please review my code and let me know where i did a mistake.

Component.

<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,force:lightningQuickActionWithoutHeader" controller="GD_CreateQuoteTeam" access="global">
    
      
    <aura:attribute name="recordId" type="String" />
   <aura:attribute name="depts" type="list"/>
    <aura:attribute name="usersOrg1" type="list"/>
    
    <aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
    <div class="slds"> 
        <div class="slds-form-element" align="center"> 
            <h3 class="slds-section-title--divider"><b>Add Quote Team Members</b></h3>
        </div>
    </div>
    <br/>
    <div class="container-fluid">
        <table class="slds-table slds-table_bordered slds-table_cell-buffer">
            <thead>
                <tr class="slds-text-title_caps">
                    <th scope="col">
                        <!--<div class="slds-truncate">Sr.no</div>-->
                    </th>
                     <th scope="col">
                        <div class="slds-truncate" title="Team Role"><b><span style="color: red;">*</span>Department</b></div>
                    </th>
                    <th scope="col">
                        <div class="slds-truncate" title="User"><b><span style="color: red;">*</span>User</b></div>
                    </th>
                    
                </tr>
            </thead>
            <tbody>    
                <aura:iteration items="{!v.QuoteList}" var="quote" indexVar="index">
                    <tr>
                        <td> 
                            <br/>{!index + 1}
                        </td>
                        <td>
                            <lightning:select value="{!quote.GD_Department__c}" onchange="{!c.onChangeVal}">
                                <option value="">-- None --</option>
                                <aura:iteration items="{!v.depts}" var="dept" >
                                    <option  value="{!dept.value}" >{!dept.label}</option> 
                                </aura:iteration>
                            </lightning:select>
                        </td>
                       
                        <td>
                            <lightning:select value="{!quote.GD_User__c}">
                                <option value="">-- None --</option>
                                <aura:iteration items="{!v.usersOrg1}" var="user" >
                                    <option  value="{!user.value}" >{!user.label}</option> 
                                </aura:iteration>
                            </lightning:select>
                        </td>
                        
                    </tr>
                    
                </aura:iteration>
            </tbody>
        </table>
    </div>
</aura:component>

Controller.JS

doInit: function(component, event, helper) {
        helper.getDepartmentPickList(component, event);
        helper.getUserOrgPickList(component, event);
    },

onChangeVal:function (component, event, helper) {
        var val = event.getSource().get("v.value");
        console.log('val'+val);
         alert('On Change' + val);
        var action = component.get("c.getSelectedUser");
        action.setParams({"sname":val});
        action.setCallback(this, function(result){
            var users = result.getReturnValue();
            component.set("v.usersOrg1", users);
        });
        $A.enqueueAction(action);
    },

Helper.Js

getUserOrgPickList: function(component, event) {
        var action = component.get("c.queryUsersOrg1");
            action.setCallback(this, function(data) {
                var result = data.getReturnValue()
				var opts = [];
			for (var i in result){
                console.log(i);
                    opts.push({
                        class: "optionClass",
                        label: result[i],
                        value: i
                    });
                }
                component.set("v.usersOrg", opts);
        });
        $A.enqueueAction(action);
        
    },

getDepartmentPickList: function(component, event) {
        var action = component.get("c.queryDepartments");
            action.setCallback(this, function(data) {
                var result = data.getReturnValue()
				var opts = [];
			for (var i in result){
                console.log(i);
                    opts.push({
                        class: "optionClass",
                        label: result[i],
                        value: i
                    });
                }
                component.set("v.depts", opts);
        });
        $A.enqueueAction(action);
        
    },

Apex Class

@AuraEnabled
    public static Map<String, String> queryUsersOrg1(string sname) {
        Map<String, String> usersOrg1 = new Map<String, String>();
        system.debug('sname' + sname);
        for(GD_User_Organization_Assignments__c usrOrg : [select ID, Name, GD_User__c,GD_Department__c,GD_Department__r.Name, GD_User__r.Name from GD_User_Organization_Assignments__c where GD_Department__c  =: sname]) {
        	//usersOrg.put('--None--', '-- None --');  
        	system.debug('usrOrg Query ***' +usrOrg.GD_User__r.Name + ' - ' + usrOrg.GD_Department__r.Name);
            usersOrg1.put(usrOrg.GD_User__c, usrOrg.GD_User__r.Name);     
        }
        return usersOrg1; 
    }

Thanks in Advance,
Soundar.