Component Markup: Consider below latest markup and not older one.

<aura:component controller="Sample_Req_Line_Comp_CLS" implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickActionWithoutHeader" access="global" >

    <aura:attribute name="recordId" type="String" />
    <aura:attribute name="options" type="List" />
    <aura:attribute name="options2" type="List" />
    <aura:attribute name="SelectedFamily" type="String" default="Red"/>
    <aura:attribute name="selectedProduct" type="String" default="Red"/>
    <aura:attribute name="InventoryRecord" type="Sample_Inventory__c" default="{sobjectType: 'Sample_Inventory__c',name : 'akshfdkjdsahf'}" />
    <aura:handler name="init" value="{!this}" action="{!c.doInit}" />
    <aura:attribute name="Request_Qty" type="Integer" />
    <aura:attribute name="recordError" type="String" access="private"/>
    <aura:attribute name="isError" type="Boolean" default="false"/>

     
  <div class="slds-m-left_x-large" >
    <lightning:layout class="slds-page-header slds-page-header--object-home">
        <lightning:layoutItem >
            <lightning:icon iconName="standard:orders" alternativeText="My Expenses"/>
        </lightning:layoutItem>
        <lightning:layoutItem padding="horizontal-small">
            <div class="page-section page-header">
                <h1 class="slds-text-heading--label">Sample Request Line</h1>
                <h2 class="slds-text-heading--medium">Order Samples</h2>
            </div>
        </lightning:layoutItem>
    </lightning:layout>

      

      <aura:if isTrue="{!v.isError}"> 
        <ui:message title="Error" severity="error" closable="true" class="slds-form-element slds-size_2-of-12 slds-m-bottom_medium">
         <b>  {!v.recordError} </b> 
      </ui:message>         
     </aura:if>
      
    <div class="slds-form-element slds-size_1-of-12 slds-m-bottom_medium">
    <label class="slds-form-element__label" for="input-unique-id">Select Product Family</label>
       <div class="slds-form-element__control"> 
    <lightning:select name="mySelect" label=""  aura:id="mySelect" value="{!v.SelectedFamily}" onchange="{!c.onPicklistChange}" class="slds-combobox slds-dropdown-trigger slds-dropdown-trigger_click slds-combobox-picklist" >
        <option text="--Select--" value="--Select--" selected="--Select--"/>
        <aura:iteration items="{!v.options}" var="item">
            <option text="{!item.label}" value="{!item.value}" selected="{!item.selected}"/>
        </aura:iteration>
    </lightning:select>
    </div>
    </div>
    
    
    <div class="slds-form-element slds-size_1-of-12 slds-m-bottom_medium">
    <label class="slds-form-element__label" for="input-unique-id">Select Product</label>
       <div class="slds-form-element__control"> 
       <lightning:select name="myproduct" label="" aura:id="mySelect2" value="{!v.selectedProduct}" onchange="{!c.onPicklistChange2}" class="slds-combobox slds-dropdown-trigger slds-dropdown-trigger_click slds-combobox-picklist">
       <option text="--Select--" value="--Select--" selected="--Select--"/>
        <aura:iteration items="{!v.options2}" var="item">
            <option text="{!item.label}" value="{!item.value}" selected="{!item.selected}"/>
         </aura:iteration>
        </lightning:select>
      </div>
    </div>     
    
        
        
     <div class="slds-form-element slds-size_1-of-12 slds-m-bottom_medium">
      <label class="slds-form-element__label" for="input-unique-id">Inventory Name</label>
      <div class="slds-form-element__control">
         <force:outputField value="{!v.InventoryRecord.Name}" />
      </div>
    </div>
    
    
    <div class="slds-form-element slds-size_1-of-12 slds-m-bottom_medium">
      <label class="slds-form-element__label" for="input-unique-id">Quantity Available</label>
      <div class="slds-form-element__control">
        <!--<force:outputField value="{!v.InventoryRecord.Quantity_Available__c}" />-->
        <lightning:formattedNumber value="{!v.InventoryRecord.Quantity_Available__c}" />
      </div>
    </div>
    
    
    <div class="slds-form-element slds-size_1-of-12 slds-m-bottom_medium">
      <label class="slds-form-element__label" for="input-unique-id">Sample Hub</label>
      <div class="slds-form-element__control">
        
      </div>
    </div>
    
    <div class="slds-form-element slds-size_1-of-12 slds-m-bottom_medium">
      <label class="slds-form-element__label" for="input-unique-id">Quantity Requested</label>
      <div class="slds-form-element__control">
          <lightning:input type="number" aura:id="Req_qty" label=""
                             name="expenseamount"
                             min="1"
                             formatter="decimal"
                             step="1"
                             value="{!V.Request_Qty}"
                             messageWhenRangeUnderflow="Enter Quantity"/>
      </div>
    </div>
    
      
   <lightning:button label="Save" 
                              class="slds-m-top--medium"
                              variant="brand"
                              onclick="{!c.SaveData}"/>   
    
    
    <!--<force:outputField value="{!v.InventoryRecord.Sample_Hub__r.name}" />-->
    <!--<force:inputField value="{!v.InventoryRecord.Name}"/>-->
    <!--<lightning:formattedText value="I like salesforce.com and trailhead.salesforce.com." />-->
  
    </div>    

    <!--
    <lightning:recordViewForm recordId="{!v.InventoryRecord}" objectApiName="Sample_Inventory__c" >
        <div class="slds-box slds-theme_default">
            <lightning:outputField fieldName="name" />
            <lightning:outputField fieldName="Quantity_Available__c" />
            <lightning:outputField fieldName="Sample_Hub__r.name"/>
        </div>
    </lightning:recordViewForm>
    -->
</aura:component>


Controller :

({
     doInit : function(component, event, helper) {
        helper.getFamilies(component);
    },
    
    onPicklistChange: function(component, event, helper) {
        // get the value of select option
        //alert(event.getSource().get("v.value"));
        var strtype1 = event.getSource().get("v.value")
        console.log('==strtype1==' + strtype1); 
        helper.fetchProducts(component, event, helper, strtype1);
    },
    
    onPicklistChange2: function(component, event, helper) {
        // get the value of select option
        var selectedProduct = event.getSource().get("v.value")
        console.log('==in Controlller==selectedProduct==' + selectedProduct);
        helper.FetchInventory(component, event, helper, selectedProduct);
        
    },
    
      SaveData: function(component, event, helper) {
        // get the value of select option
       var ReqQty = component.get("v.Request_Qty");
       var recordId = component.get("v.recordId");
       var selectedProduct = component.get("v.selectedProduct");   
          
        helper.SaveData_Ctrl(component, event, helper, ReqQty,selectedProduct,recordId);
        
    }

    
})


Helper :-
({
    getFamilies : function(component) {
        
        var action = component.get("c.getProductFamilies");
        var opts = [];
        //Setting the Callback
            action.setCallback(this,function(response){
                //get the response state
                var state = response.getState();
                
                //check if result is successfull
                if(state == "SUCCESS"){
                   var allValues = response.getReturnValue();
                  for (var i = 0; i < allValues.length; i++) {
                    opts.push({
                        class: "optionClass", 
                        label: allValues[i],
                        value: allValues[i]
                    });
                }
                component.set("v.options", opts);
                
  
                } else if(state == "ERROR"){
                    alert('Error in calling server side action');
                }
            });
            
            //adds the server-side action to the queue        
            $A.enqueueAction(action);
    },
    
     fetchProducts: function(component, event, helper, strtype2) {
        console.log('==Helper : strtype2==' +  strtype2);
        var action = component.get("c.FetchProducts");
        action.setParams({
            "selected_family": strtype2
        });
        var opts = [];
        action.setCallback(this, function(response) {
            if (response.getState() == "SUCCESS") {
                var allValues = response.getReturnValue();
               for (var i = 0; i < allValues.length; i++) {
                   opts.push({
                       class: "optionClass",
                       label: allValues[i],
                        value: allValues[i]
                    });
                }
                component.set("v.options2", opts);
            }
        });
        $A.enqueueAction(action);
    },
    
     FetchInventory: function(component, event, helper, strtype2) {
        console.log('==Helper : strtype2==' +  strtype2);
        var action = component.get("c.FetchInventory");
        action.setParams({
            "selectedProduct": strtype2
        });
         var opts = [];
        action.setCallback(this, function(response) {
            if (response.getState() == "SUCCESS") {
                component.set("v.InventoryRecord", response.getReturnValue());
            }
        });
         
         
        $A.enqueueAction(action);
    },
    
    SaveData_Ctrl: function(component, event, helper, ReqQty,selectedProduct,SampleReq_id) {
        var action = component.get("c.SaveData2");
        action.setParams({
            "Requested_Qty": ReqQty,
            "selectedProduct": selectedProduct,
            "SampleReq_id": SampleReq_id
        });
        action.setCallback(this, function(response) {
            if (response.getState() === "SUCCESS") {
                var showerror = false; 
                component.set("v.isError", showerror);
                component.set("v.InventoryRecord", response.getReturnValue());
                console.log('==Success isError==' + component.get("v.isError"));
            }
            else{
                var errors = action.getError();
                var showerror2 = true;
                component.set("v.isError", showerror2);
                component.set("v.recordError", errors[0].message);
                console.log('==checking isError==' + component.get("v.isError"));
                
           }
        });
        $A.enqueueAction(action);
    },
    
})

sharing apex controller in next post.