Salesforce Lightning: ondblclick event not working on Select List box

Question

ListBox.cmp

<div id="div1" >
<label for="picklist">Available Labels</label> <br/>
 <select style="width:100%" id="picklist"  multiple="multiple" ondblclick="myFunction()">
   <aura:iteration items="{!v.GenreList}" var="opts">
       <option  value="{!opts}"> {!opts.value} </option>
   </aura:iteration>     
 </select> 
</div>

ListBox.controller

myFunction: function(component, event, helper){
    alert("hi");
   var a= event.get("{!opts}");
    alert(a);

}

when i double click on any options control is not going inside myFunction.

Answer 1

Double click handler on select tag should call client side controller function as ondblclick={!c.myFunction}".

Read more in Lightning Components Developer Guide: Handling Events with Client-Side Controllers