Google Maps Saisie semi-automatique - Recherche HTML complétant pour utiliser comme sélecteur jQuery

Question

TL; DR - Est-ce que quelqu'un sait quel est l'ID du menu déroulant pour Google Maps Autocomplete?

---

J'utilise Google Maps dans un formulaire sur mon site. Je voudrais utiliser jQuery pour rappeler à l'utilisateur de sélectionner une option parmi celles listées dans les options de saisie semi-automatique que Google vous donne. Si l'utilisateur clique sur l'entrée, mais ne sélectionne pas l'une des options, je souhaite afficher la notification.

Cependant, je n'arrive pas à trouver l'ID dans la liste des options qui apparaissent. (Ou div, ou autre HTML d'ailleurs.) Rien n'apparaît dans les éléments pour ces options.

Par exemple:

Voici mon code:

HTML

<label for="title" class="form-title">Location</label> 
<div class="form-row"> 
    <div class="form-group"> 
    <label>Street Address</label> 
    <input type="text" id="formatted_address" name="formatted_address"> 
    </div> 
    <div id="my_map"></div> 
</div> 

Javascript
Bibliothèques

<script src="https://maps.googleapis.com/maps/api/js?key=MYKEY&libraries=places&language=en"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/geocomplete/1.7.0/jquery.geocomplete.min.js"></script> 

code

 $("input#formatted_address").geocomplete({ 
      details: "form", 
      map: "#my_map" }); 

Merci!

Answer 1

Ajouter à votre écoute element.This entrée saisie semi-automatique se déclenche chaque fois que l'utilisateur sélectionnez l'option de menu déroulant de la liste Autocomplete

//Declare variable to identify option from autocomplete selected or not 
var selected_from_autocmp_flag = false; 

address_element = new google.maps.places.Autocomplete($("#input_element_id")); 
address_element.addListener('place_changed', place_changed); 

function place_changed(){ 
    // set flag to true 
    selected_from_autocmp_flag = true; 
} 

$("#input_element_id").click(function(){ 
    // set flag to false whenever user clicks it 
    selected_from_autocmp_flag = false; 
}) 

En supposant que vous avez élément d'entrée dans la page HTML comme ci-dessous

<input type=text id="input_element_id" placeholder="search here"/>