jquery - 使用 jQuery 设置表单提交的值

Question

我使用以下代码通过 Google Maps API 对提供的地址进行地理编码。这个想法是对地址进行地理编码并在表单中传递纬度/经度，以便我的 Controller 操作可以利用它。不幸的是，这似乎不起作用，因为纬度/经度没有与表单的其余部分一起提交。我做错了什么？

$(document).ready(function() {
    $("#search_form").submit(function(event) {
        var address = $("#searchAddress").val();

        if (address != "") {
            var geocoder = new GClientGeocoder();

            geocoder.getLatLng(
                address,
                function(point) {
                    if (point) {
                        // Found address, populate hidden form fields
                        $("#searchLatitude").val(point.lat());
                        $("#searchLongitude").val(point.lng());  
                    }
                }
            );
        }
    });
});

Answer 1

geocoder.getLatLong() 是异步的，因此您的提交不会等待您的函数(点)被调用。

添加一个按钮(当然不是提交)并附加一个点击处理程序，如下所示:

$("#buttonId").click(function() {

    var address = $("#searchAddress").val();

        if (address != "") {
            var geocoder = new GClientGeocoder();

            geocoder.getLatLng(
                address,
                function(point) {
                    if (point) {
                        // Found address, populate hidden form fields
                        $("#searchLatitude").val(point.lat());
                        $("#searchLongitude").val(point.lng());  

                        $("#search_form").submit();

                    }
                }
            );
        }

});