Auto Search DropDownList with JQuery and AJAX Update Panel

Question

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..

Riddhi Valecha · Answer

Hi Joginder Banger.. Thanks a ton for the link .... I had visited the link before posting this post... I have a dropdownlist control .. This link shows textbox and button ... Could you please guide with that ? Also there are multiple dropdownlists in one aspx page.. all with datasource as datatable. Please guide..

Joginder Banger · Answer

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 vote accepted 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 }); } });