c# - 使用邮政编码条目自动填充城市和州

Question

当我输入邮政编码时，尝试获取一个表格来自动填充城市和州文本框。

下面的代码是我正在尝试使用的。如果我替换 <asp:TextBox>与 <input type..>它有效，但我特别需要使用 <asp:TextBox>为了我的田地。有人对我如何让它发挥作用有什么建议吗？

这是一个使用输入的jsfiddle:http://jsfiddle.net/7VtHc/5/

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js">   </script>
<script type='text/javascript'>
$(window).load(function () {
    $(document).ready(function () {
        $("#zipTxtBox").keyup(function () {
            var el = $(this);
            if (el.val().length === 5) {
                $.ajax({
                    url: "http://zip.elevenbasetwo.com",
                    cache: false,
                    dataType: "json",
                    type: "GET",
                    data: "zip=" + el.val(),
                    success: function (result, success) {
                        $("#cityTxtBox").val(result.city);
                        $("#stateTxtBox").val(result.state);
                    }
                });
            }
        });
    });
});
</script>

<div class="row">
      <div class="col-xs-6">
          <asp:Label ID="Label13" runat="server" Text="Zip Code" />
          <asp:TextBox ID="zipTxtBox" runat="server" />
      </div>
      <div class="col-xs-3">
          <asp:Label ID="Label15" runat="server" Text="City" />
          <asp:TextBox ID="cityTxtBox" runat="server" />
      </div>
      <div class="col-xs-2">
          <asp:Label ID="Label16" runat="server" Text="State" />
          <asp:TextBox ID="stateTxtBox" runat="server" />
      </div>
</div>

Answer 1

为了使用 ASP.NET 服务器控件，您需要使用它们的 ID(如果您查看源代码，您的文本框有一个奇怪的 ID，而不是您在 ID 属性中指定的 ID的控制。

如果您使用旧版本的 WebForms(低于 .NET 3.5 - 含)，您需要使用:

$("#<%= cityTxtBox.ClientID %>").val(result.city);
$("#<%= stateTxtBox.ClientID %>").val(result.state);

当您提取邮政编码时也是如此:

$("#<%= zipTxtBox.ClientID %>").keyup( ...

<小时/>

如果您有最新的 WebForms 版本 (.NET 4+)，则只需将 ClientIDMode 设置为 static，然后您就可以使用普通代码了有，比如:

<asp:TextBox ID="cityTxtBox" ClientIDMode="static" runat="server" />

有关静态控件的更多信息，请参见 Scott's Guthrie blog entry