表格提交上的Google地理编码器问题

Question

我的Google Geocoder API存在问题。

我有一个用户输入完整地址的表单。当表单被提交时，我想从这个地址中提取城市并将这个城市放在一个隐藏的字段中。

所以这就是我所做的......

HTML：

<form id="new_post" name="new_post" method="post" action="" onSubmit="codeAddress()">                   
                    <p>
                        <label for="adresse_de_depart">Adresse de départ</label><br />
                        <input type="text" id="adresse_de_depart" value="" tabindex="1" size="20" name="adresse_de_depart"/>
                    </p>

                    <input type="hidden" id="ville_depart" name="ville_depart" value=""/>

                    <p align="right">
                        <input type="submit" value="Publish" tabindex="6" id="submit" name="submit" />
                    </p>
                                        </form>

JS：

<script>
    var geocoder;
     $(document).ready(function(){  
        geocoder = new google.maps.Geocoder();
     });

  function codeAddress() {
    var adresse = document.getElementById("adresse_de_depart").value;

    console.log(geocoder);
    alert(adresse_de_depart);
    geocoder.geocode( { 'address': adresse}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        alert("OK");
        document.getElementById("ville_depart").value=results;
      } else {
        alert("Geocode was not successful for the following reason: " + status);
      }
    });
   }</script>

第一个“警报”有效，但重新加载页面后（表单被提交）。但我没有与地理编码方法相关的警报......

你有个主意吗？

谢谢！