AutoCompleteExtender - How to perform an event on value select

[Manikrag]

Hi Team

I tried a lot to get the answer but did not get it on web.

I am using an AutoCompleteExtender and getting the names fron database thru a webservice.

Now I want to select name option from the Extender and want to get the empID of that employee so that I can pass it to an ASP page as query string.

But not sure how to perform an event on selected value.

Please help!

Thanks,
Manik

[Frinavale]

You can't really do it on the "select" event.
Have you considered posting back to the server during the onblur JavaScript event?

[Manikrag]

Thanks Frinavale for responding.

Actully, I am trying to do the same as GOOGLE suggestion dropdown has. On selction of suggestion item, it should take you the particular suggestion link.

Can we do it thru onblur javacript?

[Frinavale]

Well you could fire the event when the user clicks the Enter key :)

[Manikrag]

Thanks issue resolved!!

[markmark2]

Hello

I'm trying to achieve the exact same thing, without any success. :(

Could you tell us how you did it ? (a code sample would be perfect ;) )

Thank you !

[Frinavale]

What have you tried?

[Manikrag]

you can go thru this http://www.c-sharpcorner.com/UploadF...eExtender.aspx with an update panel and thn later on you can follow below two steps.

1. have below jscript in your head of the page where your AutoCompleteExtender is placed

<script type="text/javascript">
        function Test(sender,e)
        {
 
        __doPostBack("UpdatePanel1",sender._element.value) ;
 
        }
 
        </script>

2. Have something like this in your page_load

 private void Page_Load(object sender, System.EventArgs e)
{
        Page.RegisterHiddenField("__EVENTTARGET", "btn");
        TextBox1.Attributes.Add("onkeypress", "return controlEnter('" + btn.ClientID + "', event)"); 
        //btn.Focus();
        TextBox1.Attributes.Add("autocomplete", "off");
 
        if (IsPostBack)
        {
 
           if (Request.Form["__EVENTTARGET"] != null &&
           Request.Form["__EVENTTARGET"] == "UpdatePanel1" &&
            Request.Form["__EVENTARGUMENT"] != null)
            {
               abc = Request.Form["__EVENTARGUMENT"];
        //this is the selected value - what you have selected in dropdown of AutocompleteExtender and later on you can run the query into database based on this value..in my case it was name and i fatched id thru name    
           }

I hope it will help you..