在更改或文本框離開時在php中的ajax請求中發布文本框值

Question

我在表單中有自動完成地址google api文本框，當我選擇地址時，在另外兩個文本框中得到了所選地址的經緯度和經度。

現在，當我選擇addreess時，我也想在我的ajax請求中傳遞緯度和經度值，但是每次我得到空值時。

請幫我解決這個問題。

<?php
echo $this->Form->input('from_address', array('required' => false,'label' => false, 'div' => false,
    'placeholder' => 'Enter from address', 'class' => 'form-control','id' => 'fromaddress'));
    ?>

     <?php echo $this->Form->input('from_lat', array('id' => 'fromlat'));  ?>
     <?php echo $this->Form->input('from_long', array('id' => 'fromlong'));  ?>

<script type="text/javascript">
$("#fromaddress").on('change', function() {   
    ajaxRequest = $.ajax({
    url: '<?php echo Router::url(array("controller" => "Orders", "action" => "searchCourier")); ?>',
        type: 'POST',
        data: {
            frmlat: $("#fromlat").val(),
            frmlong: $("#fromlong").val()
        },
       dataType: "html",
       success: function(response) {
            $("#courier_locations").html(response);
        },
        complete: function() {
            $('.spinicon').hide();
        }
    });
});

</script>

Answer 1

您可以在緯度和經度下拉列表更改時調用ajax

$("#fromlat").on('change', function() {   
ajaxRequest = $.ajax({
url: '<?php echo Router::url(array("controller" => "Orders", "action" =>    "searchCourier")); ?>',
    type: 'POST',
    data: {
        frmlat: $("#fromlat").val(),
        frmlong: $("#fromlong").val()
    },
   dataType: "html",
   success: function(response) {
        $("#courier_locations").html(response);
    },
    complete: function() {
        $('.spinicon').hide();
    }
});

}）;