function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Francesca Ribezzi 2Francesca Ribezzi 2 

problems with event.target - why is my object "undefined"?

Hi everyone,

I don't get why my sala in console.log sala.Name results "undefined". 
Can anyone sort this out, please? 

Thank you! :-)
  
<aura:attribute name="sale" type="Sala__c[]"/>
    <aura:attribute name="sala" type="Sala__c"/>

<aura:iteration items="{!v.sale}" var="sala">
                                        <li  class="slds-dropdown__item" role="presentation">
                                            <a href="javascript:void(0);" role="menuitem" tabindex="-1">
                                                <span id="{!sala}" style="color: black;" class="slds-truncate" title="{!sala.Name}" onclick="{!c.onChange}" >  
                                                    {!sala.Name}
                                                </span>
                                            </a>
                                        </li>
                                    </aura:iteration>  


    onChange : function(component, event, helper){

        var sala = event.target.id; 
        component.set("v.sala", sala);
     console.log("sala " + sala.Name);
   
...

 
Best Answer chosen by Francesca Ribezzi 2
Ashif KhanAshif Khan
Hii Francesca,

Due to Improper Id you were facing this issue
  
<aura:attribute name="sale" type="Sala__c[]"/>
    
    <aura:attribute name="sala" type="Sala__c"/>
    
    <nav class="slds-context-bar__secondary" role="navigation">
        <ul class="slds-grid">
            <li class="slds-context-bar__item">
                
            </li>
            
            
            <li  class="slds-context-bar__item slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_hover">
                <a href="javascript:void(0);" class="slds-context-bar__label-action" title="Menu Item">
                    <span class="slds-truncate" title="Menu Item">Menu Item</span>
                </a>
                <div class="slds-context-bar__icon-action slds-p-left_none">
                    
                </div>
                <div class="slds-dropdown slds-dropdown_right">
                    <ul class="slds-dropdown__list" role="menu">
                        
                        
                        <aura:iteration items="{!v.sale}" var="sala" indexVar='index'>
                            <li class="slds-dropdown__item" role="presentation">
                                <a href="javascript:void(0);" role="menuitem" tabindex="{!index}" id="{!index}" onclick='{!c.onChange}'>
                                    {!sala.Name}
                                </a>
                            </li>
                        </aura:iteration>
                        
                        
                        
                    </ul>
                </div>
            </li>
        </ul></nav>
  
onChange : function(component, event, helper){
        
        var index = event.target.id; 
        var sala=component.get("v.sale", sala)[index];
        component.set("v.sala", sala);
        console.log("sala " + sala.Name);
        
        
    }

Regards
Ashif

All Answers

Ashif KhanAshif Khan
Hii Francesca,

Due to Improper Id you were facing this issue
  
<aura:attribute name="sale" type="Sala__c[]"/>
    
    <aura:attribute name="sala" type="Sala__c"/>
    
    <nav class="slds-context-bar__secondary" role="navigation">
        <ul class="slds-grid">
            <li class="slds-context-bar__item">
                
            </li>
            
            
            <li  class="slds-context-bar__item slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_hover">
                <a href="javascript:void(0);" class="slds-context-bar__label-action" title="Menu Item">
                    <span class="slds-truncate" title="Menu Item">Menu Item</span>
                </a>
                <div class="slds-context-bar__icon-action slds-p-left_none">
                    
                </div>
                <div class="slds-dropdown slds-dropdown_right">
                    <ul class="slds-dropdown__list" role="menu">
                        
                        
                        <aura:iteration items="{!v.sale}" var="sala" indexVar='index'>
                            <li class="slds-dropdown__item" role="presentation">
                                <a href="javascript:void(0);" role="menuitem" tabindex="{!index}" id="{!index}" onclick='{!c.onChange}'>
                                    {!sala.Name}
                                </a>
                            </li>
                        </aura:iteration>
                        
                        
                        
                    </ul>
                </div>
            </li>
        </ul></nav>
  
onChange : function(component, event, helper){
        
        var index = event.target.id; 
        var sala=component.get("v.sale", sala)[index];
        component.set("v.sala", sala);
        console.log("sala " + sala.Name);
        
        
    }

Regards
Ashif
This was selected as the best answer
Francesca Ribezzi 2Francesca Ribezzi 2
It's working now! wow! 

Thank you! I really appreciate your help, Ashif! :-))