Google автозаполнения HTMLInputElement ошибка

Question

Я использую Google автозаполнения и я получаю эту ошибку

InvalidValueError: not an instance of HTMLInputElement 

Я думаю, что Google имеет getElementById для deprication

var input = /** @type {!HTMLInputElement} */(
    document.getElementById('pac-input')); 

Однако я не уверен на его использование. Мой код ниже

var options ={ 
    types:['(cities)'], 
}; 

var input = document.getElementById('destination'); 
var autocomplete = new google.maps.places.Autocomplete(input, options); 
} 

google.maps.event.addDomListener(window, 'load', initialize); 

Answer 1

Это потому, что вы перезаписываете переменную ввода. Должен работать, если вы просто используете var input =/** @type {! HTMLInputElement} */( document.getElementById ('pac-input')); или замените «pac-input» на «destination»

Answer 2

Проверьте, не находится ли ваша функция в функции $ (document) .ready, или ваш document.getElementById не будет найден js (потому что он пытается найти его перед этим в документе)

Answer 3

Используйте onFocus="functionName()", который называет тег ввода google.maps.autocomplete.