Auto Search DropDownList with JQuery and AJAX Update Panel

Riddhi Valecha

9y4.2k

Dear all,

I have to make a auto-search dropdownlist in asp.net.

There is ajax update panel used in the project.

The select2.js file is not working with updatepanel.

Please share how to do this ?

I need output as -

http://jayeshsorathia.blogspot.in/2013/04/make-dropdown-list-auto-complete-using-javascript-in-asp-net.html

Please guide..

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Hi,

as per your requirements in this link shared all details please check and let you know is that ok.

http://www.aspsnippets.com/Articles/jQuery-AutoComplete-not-working-inside-ASPNet-AJAX-UpdatePanel-Partial-PostBack.aspx

down voteaccepted

I managed to solve it. The input is inside an UpdatePanel and it replaces its contents so the autocomplete configuration is lost.

The solution was to re-configure the autocomplete feature on each end_Request:

$(document).ready(function()

{ Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

function EndRequestHandler(sender, args)

{ var availableTags = [ "ActionScript", "AppleScript", "ceshar" ];

   $(".listaCecos").autocomplete({             source: availableTags         }); } });