jquery, .change() method, показывает неправильное value

104

27 июля 2021, 00:10

Я использую данный код

jQuery("#autocomplete").change(function() {
    var valueAutocomlete = jQuery( "#autocomplete" ).val();
    console.log(valueAutocomlete);
});

Я подключил google api адресов в поле, всё работает супер, но когда пользователь выбирает данную из выпадающего списка адресов, который предлагает гугл, мне не отображает её в переменно valueAutocomlete

Как мне получать правильно value?

Answer 1

использовать слушатель события place_changed из google maps api

function initAutocomplete() { 
   
  var field = document.getElementById('autocomplete'); 
  var autocomplete = new google.maps.places.Autocomplete(field); 
 
  autocomplete.addListener('place_changed', () => { 
    console.log(autocomplete.getPlace()); //вернет объект с информацией о месте 
    console.log(field.value); //ну или просто значение поля 
  }); 
 
}

<input id="autocomplete" placeholder="Enter your address" type="text" /> 
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&libraries=places&callback=initAutocomplete" async defer></script>