在Symfony中使用JQuery设置Input OnSubmit的值

Question

I am trying to set a onsubmit function that will use the google.maps.Geocoder to set the gps positions using the address entered by a user, my code is the following

    <form onsubmit="getGPSLocation()">
            <input type='text' id='search_address' />
            <input type='text' id='search_lat' hidden='hidden'/>
            <input type='text' id='search_lon' hidden='hidden'/>
            <input type='submit'/>
    </form> 

    <script>
    function getGPSLocation(){
        var string = $('#search_address').val();
        var geocoder = new google.maps.Geocoder();
        geocoder.geocode({
            'address': string
        }, function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                var pos = results[0].geometry.location;
                $('#search_lat').attr('value',pos.lat());
                $('#search_lon').attr('value',pos.lng());
            }
        });

    }
    </script>

The problem is that when i click submit, it does properly call the geocoder function, but the problem is that:

• Before the geocoder can make the request to the google server and return the coordinate data, the Submit function has already redirected the page.

So the question is:

How to delay the submitting of the information untill the geocoder function has successfully completed its action .

Answer 1

You may use the Jquery onsubmit function. Try this code :

$('#your_form_id').submit(function() {

 var string = $('#search_address').val();
    var geocoder = new google.maps.Geocoder();
    geocoder.geocode({
        'address': string
    }, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            var pos = results[0].geometry.location;
            $('#search_lat').attr('value',pos.lat());
            $('#search_lon').attr('value',pos.lng());
        }
    });

  return;
 });

Hope this helps !