1

我绝不是专业的编码员，并且整天都在为此苦苦挣扎。我正在尝试根据我网站联系表中的邮政编码自动填写城市和州。我发现了一个很棒的 jQuery 东西，叫做 Ziptastic。我做了一个 JSON 调用（我认为这就是它的名称），它从 Ziptastic 网站检索数据。这是 Ziptastic：http ://daspecster.github.com/ziptastic/demo.html

这是我从 Ziptastic 网站提取代码并将城市和州输入到我的联系表中的代码：

        $(document).on("keyup", "#zip", function(){
          var zip = this.value;
          $.getJSON('http://zip.elevenbasetwo.com/v2/US/' + zip, function(json) {
            $('#city').val(json.city);
          });
          $.getJSON('http://zip.elevenbasetwo.com?zip=' + zip, function(json) {
            $('#state').val(json.state);
          });
        });

我的表单现在运行良好，并在我在邮政编码字段上输入 AND KEYUP 后更新我的城市和州字段。但是，问题出在这里...我的网站访问者在我的网站主页上输入了他们的邮政编码，该邮政编码发布到我试图自动填写城市和州的此页面上的联系表中。我需要单击该字段并单击以进行更新。

我需要城市和州立即自动填充（加载）。

我无法弄清楚如何使用从我的主页发布到我的联系表单的邮政编码值来制作此代码。

有人可以帮忙吗？

谢谢

4

2 回答 2

2

为了使用 Javascript 执行此操作，您必须使用getJSON您一直在使用的相同代码，除了您实际上必须将 POSTed 字段的值回显到代码中，而不是使用+ zip... 类似这样的东西：

$.getJSON('http://zip.elevenbasetwo.com?zip=<?php echo $_POST['zip']; ?>', function(json) {
     $('#state').val(json.state);
});

（假设您在这里使用 PHP。不过，它在其他语言中几乎是等价的；我相信您可以弄清楚那部分。）

于 2012-08-11T01:13:25.433 回答
1 
$(document).ready(function(){
      var zip = $("#zip").val();
      $.getJSON('http://zip.elevenbasetwo.com/v2/US/' + zip, function(json) {
        $('#city').val(json.city);
      });
      $.getJSON('http://zip.elevenbasetwo.com?zip=' + zip, function(json) {
        $('#state').val(json.state);
      });
 });
于 2012-08-11T01:16:34.427 回答