绑定下拉列表而不会导致回发

时间:2014-01-18 07:30:24

标签: c# javascript jquery asp.net ajax

我有两个文本框,ID和名称。基于这两者的组合,我的地址下拉列表应该填充。 我写了一个sp来绑定项目到我的下拉列表。但Name文本框的text_changed事件会导致AutoPostback。我希望我的dropdownlist在我离开文本框时自动绑定,而不会导致页面刷新。在页面加载时,所有3应为空白。

请告诉我如何使用javascript和jquery完成此操作。 请原谅任何打字错误。

1 个答案:

答案 0 :(得分:0)

您可以使用jQuery Ajax或UpdatePanel

使用JQuery Ajax ...

$.ajax({
       data: data,
       url: "ur url",
       type: "POST",
       contentType: "application/json; charset=utf-8",
       success: function (result) {
       //ur code to bind data to dropdown
       }
       error: function OnError(result) {
        //ur code
       }
    }); 

使用更新面板,您可以调用服务器端方法将数据绑定到下拉列表

<asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Conditional" runat="server">
   <ContentTemplate>
      <asp:TextBox ID="txtBox1" OnTextChanged="txtBox1_TextChanged" AutoPostBack="true" runat="server" />
   </ContentTemplate>
</asp:UpdatePanel>