文本框的TextChanged事件中鉻不火

我創建一個網頁，搜索所有的客戶信息... 我也使用JSON用於與數據表中的數據自動完成文本框...文本框的TextChanged事件中鉻不火

<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); 
     }, 
     minLength: 1 
    }); 

});

我想對TextChanged事件文本框中選定名稱的顯示數據，他們textbgox的設置看起來like..`

<asp:TextBox ID="txtSearch" runat="server" AutoPostBack="True" 
     ontextchanged="txtSearch_TextChanged"></asp:TextBox>

這textchenged事件觸發正常在Mozilla，但在Chrome不工作,, 任何人都可以提出一些解決辦法....

來源

2015-05-14 karan thakkar

「真」？ –

AutoPostBack =「True」用於觸發任何服務器控件的事件 –

刪除AutoPostBack =「True」，如果您不使用然後嘗試使用chrome。 –

從自動完成列表，選擇一個值後，我會建議調用服務器端的文本框onchange事件，

... 
select: function (e, i) { 
     $("#<%=hfCustomerId.ClientID %>").val(i.item.val); 
     __doPostBack("txtSearch", "TextChanged"); 
    }, 
    minLength: 1 
});

和刪除，因爲我們是文本框的AutoPostBack屬性從客戶端發射它。

或者您可以在選擇事件上進行ajax調用，並在客戶端自己填充所需的數據。

來源

2015-05-14 12:06:16 Sivaprasath

` $(document).ready(function() { 
     var prm = Sys.WebForms.PageRequestManager.getInstance(); 
     prm.add_initializeRequest(InitializeRequest); 
     prm.add_endRequest(EndRequest);   
     InitAutoCompl(); 
    }); 

    function InitializeRequest(sender, args) { 
    } 

    function EndRequest(sender, args) {   
     InitAutoCompl(); 
    } 

    function InitAutoCompl() { 
     $("#<%=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); 
        } 
       }); 
      }, 

      minLength: 1, change: function (event, ui) { __doPostBack("txtSearch", "TextChanged"); } 
     }); 
    }

，爲什麼您使用的AutoPostBack = 「真」刪除的AutoPostBack =從文本框
`

來源

2016-04-22 08:23:32

文本框的TextChanged事件中鉻不火

回答

相關問題