Google Autocomplete JS

Hi Stiofan,

I’m trying to get rid of the “Title” input field from the front-end, and have the Address automatically copy itself into the hidden field (display:none).

I have tried using the following code:

jQuery(document).ready(function($){
    $("#post_address").on('input change paste keyup',function(){
    $("#post_title").val($(this).val());
    });
});

It works, but it is not sufficient. For example, nothing happens when users click an address from the dropdown list suggested by the Autocomplete form.

I am therefore trying to add the following listener to have a comprehensive system.

google.maps.event.addListener(autocomplete, 'place_changed', function() {
    $("#post_title").val($("#post_address").val());
});

Unfortunately, that doesn’t work either. I think we need a way to add a onclick event to the list of suggestions… but I can’t find the element ID of the suggestion box.

See the attached file; If someone clicks on the red marker, it falls outside of the autocomplete div