0

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

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

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

Как мне получать правильно value? введите сюда описание изображения

3
  • настроить обработку события select у плагина?
    – teran
    16 сен 2019 в 12:25
  • @teran тут, я так понял, речь про autocomplete из google maps api, а не jquery autocomplete) 16 сен 2019 в 12:46
  • @ВадимЛешкевич действительно
    – teran
    16 сен 2019 в 12:50

1 ответ 1

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>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.