selection event

getting selection text

by vinodlouis

HTML

<label>Tag friends:&nbsp;</label> 
                        <form>
                        <div id="friends"> 
                        <input type="text" name="to" id="to" value="" />                        </div> 
</form>

JavaScript

$( "#to" ).autocomplete({
                        source: function( request, response) {

                            var friendsArray = [];
                            friendsArray = [{"id": 1, "name": "bob", "value":"bob"}, {"id":2, "name":"mary", "value":"mary"}, {"id":3, "name":"matt", "value":"matt"}];
                       
                            friendsArray = friendsArray.filter(function(el){
                              return  el.name.startsWith($("#to").val());
                            });
                            
                        
                                        response(friendsArray);
                                        return;


                        },

                        select: function(e, ui) {  

                            alert("selected!" + ui.item.value);
                 //rest of the code after selection goes here 
                        },

                            //change: function(e, ui) {  

                              // alert("changed!");
                            //}
                    });