Question

I’m instantiating an autocomplete input for Google Maps API (level 3), like so:

var input = document.getElementById('szukanyAdres');
autocomplete = new google.maps.places.Autocomplete(input);
autocomplete.bindTo('bounds', map);

How to turn the autocompletion functionality on and off at runtime?

Answer 1

There are two elements related to the autocomplete

1. the input-element
2. a div that contains the list-entries. this div will be appended to the body and has the class “pac-container”

So what you can do: show or hide both elements by modifying their display-style.

---

When it’s not possible to hide the input you may replace the input with a clone of the input, this will remove the autocomplete-functionality.

inputObject.parentNode.replaceChild(inputObject.cloneNode(true),input);

To restore the autocomplete do again what you want to do.