why autocomplete textbox textchange event not firing?

Question

I have a textbox with ajax jquery autocomplete feature.but the textchange event is not firing.

<asp:TextBox ID="txtNumber" runat="server" width="98%" OnTextChanged="txtNumber_TextChanged" AutoPostBack="true" ></asp:TextBox>

Autocomplete function:

 function QuoteNumber(sender, args) {
        $(function () {
            $("#<%=txtNumber.ClientID %>").autocomplete({
                source: function (request, response) {
                    $.ajax({
                        url: '<%=ResolveUrl("~/Webservice.asmx/GetNumberForAutocomplete") %>',
                        data: "{ 'prefix': '" + request.term + "'}",
                        dataType: "json",
                        type: "POST",
                        async: false,
                        mustMatch: true,
                        contentType: "application/json; charset=utf-8",
                        success: function (data) {
                            response($.map(data.d, function (item) {
                                return {
                                    label: item.split('^')[0],
                                    val: item.split('^')[1]
                                }
                            }))
                        },
                        error: function (response) {

                        },
                        failure: function (response) {

                        }
                    });
                },
                select: function (e, i) {
                    $("#<%=hdnNumber.ClientID %>").val(i.item.val);
                    if (i.item.val == "No Records Found") {
                        $("#<%=hdnNumber.ClientID %>").val(-1);
                        document.getElementById('<%=txtNumber.ClientID%>').value = "";
                        return false;
                    }

                },
                minLength: 0
            }).bind('focus', function () { $(this).autocomplete("search"); });
        });
    }

Show your autocomplete code configured for this textbox. You may added `return false` — Murali Murugesan, Mar 25 '14 at 11:48

score 1 · Answer 1 · answered Mar 25 '14 at 11:51

<script type="text/javascript">
$(document).ready(function () {
    $("#<%=txtSearch.ClientID %>").autocomplete({
        source: function (request, response) {
            $.ajax({
                url: '<%=ResolveUrl("~/Service.asmx/GetCustomers") %>',
                data: "{ 'prefix': '" + request.term + "'}",
                dataType: "json",
                type: "POST",
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                    response($.map(data.d, function (item) {
                        return {
                            label: item.split('-')[0],
                            val: item.split('-')[1]
                        }
                    }))
                },
                error: function (response) {
                    alert(response.responseText);
                },
                failure: function (response) {
                    alert(response.responseText);
                }
            });
        },
        select: function (e, i) {
            $("#<%=hfCustomerId.ClientID %>").val(i.item.val);
            $("#<%=hfCustomerName.ClientID %>").val(i.item.value);
            $("[id*=btnSubmit]").click();
        },
        minLength: 1
    });

});

Could you please add your explanation what causes the problem? — Murali Murugesan, Mar 25 '14 at 12:00
I don't know the issue why textchange event is not firing.when i am commenting the autocomplete function it is getting fired.@MuraliMurugesan — sona, Mar 25 '14 at 12:02

score 1 · Answer 2 · answered Mar 25 '14 at 13:30

1

Add to end of select callback this line: __doPostBack('<%= txtNumber.UniqueID %>', '');

answered Mar 25 '14 at 13:30

Yuriy Rozhovetskiy

22,270
4
37
68

will it fire the textchange event@Yuriy Rozhovetskiy – sona Mar 26 '14 at 04:12

score 0 · Answer 3 · answered Mar 03 '16 at 09:44

In addition to above answer we need to below code snippest in Select:

select: function (e, i) {
        $("#<%=hfCustomerId.ClientID %>").val(i.item.val);
        $("#<%=hfCustomerName.ClientID %>").val(i.item.value);
        $("[id*=btnSubmit]").click();
       $("#<%=txtNumber.ClientID %>").val(i.item.value);
      __doPostBack('<%= txtNumber.UniqueID %>', '');
    },

why autocomplete textbox textchange event not firing?

3 Answers3