Question

我正在尝试根据用户输入的邮政编码更改城市和州。这应该都是在jquery的同一页面上完成的。我在这个网站的其他地方找到了一些代码但却无法使用它。以下是代码段：

        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/jquery.validate.js"></script>
        <script type="text/javascript" src="js/cufon-yui.js"></script>
        <script type="text/javascript" src="js/Myriad_Pro_700.font.js"></script>
        <script type="text/javascript">

        $("#zip").bind("change", function(e){
          $.getJSON("http://mydomain.com/code.php?zip=" + $("#zip").val(),
                function(data){
                  $.each(data, function(i,item){
                    if (item.field == "city") {
                      $("#city").val(item.value);
                    } else if (item.field == "state") {
                      $("#state").val(item.value);
                    }
                  });
                });
        });

        </script>

这是我的HTML：

                <label>zip</label>
                <input type="text" name="zip" maxlength="5" id="zip" class="textbox1" />
                <label>first name</label>
                <input type="text" name="fname" class="textbox1" />
                <label>last name</label>
                <input type="text" name="lname" class="textbox1" />
                <label>address</label>
                <input type="text" name="address" class="textbox1" />
                <label>address 2</label>
                <input type="text" name="address2" class="textbox1" />
                <label>city</label>
                <input type="text" name="city" id="city" class="textbox1" />
               <label>state</label>
                <input type="text" name="state" id="state" class="textbox1" maxlength="2" />

php文件输出json就好了。

Answer 1

您正尝试按ID访问输入，而您的输入没有ID。更改您的选择器或为您提供输入ID。

Answer 2

子域名不准确（正如我在电子邮件中所述）。改变

...
$.getJSON("http://mydomain.com/code.php?zip=" + $("#zip").val(),
...

到

...
$.getJSON("http://www.mydomain.com/code.php?zip=" + $("#zip").val(),
...

使用javascript动态更改表单元素

2 个答案: