title: How to trigger Google Places Autocomplete results dropdown after first use?
body: <p>Using the <strong>Google Maps JavaScript API</strong> (via <code>&lt;script src="https://maps.googleapis.com/maps/api/js?key=MY_API_KEY&amp;libraries=places&amp;callback=initAutocomplete" async defer&gt;&lt;/script&gt;</code>), my address input ...</p>
  
  <p><a href="https://i.stack.imgur.com/zE5p9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zE5p9.png" alt="enter image description here"></a></p>
  
  <p>... shows autocomplete info when I type "1251" ...</p>
  
  <p><a href="https://i.stack.imgur.com/xSIuW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xSIuW.png" alt="enter image description here"></a></p>
  
  <p>... and adds the complete address to the input when I click the address (or hit enter):</p>
  
  <p><a href="https://i.stack.imgur.com/bJQnO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bJQnO.png" alt="enter image description here"></a></p>
  
  <p>Currently, if I click the address input again (after the address has been added), it simply adds focus to the input and nothing else:</p>
  
  <p><a href="https://i.stack.imgur.com/DIg4J.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DIg4J.png" alt="enter image description here"></a></p>
  
  <p>My question is: <strong>When clicking an already autocompleted input, how do I trigger the dropdown again, using the input's data?</strong></p>
  
  <p>Hitting delete once (simply changing the ending from <code>USA</code> to <code>US</code>) re-opens the dropdown, but I don't want the user to have to change the entry to see the pulldown. Here's what I've tried:</p>
  
  <pre class="lang-js prettyprint-override"><code>$('.geoloc input').on({
  
      // neither 'place_changed' nor 'focus' trigger the dropdown (doesn't work)
      click: function(){
          google.maps.event.trigger(this, 'place_changed');
          // or
          google.maps.event.trigger(this, 'focus', {});
      },
  
      // enter selects first address from dropdown (works)
      keydown: function(e){
          if (e.keyCode == 13) {
              google.maps.event.trigger(this, 'keydown', {keyCode:40});
              google.maps.event.trigger(this, 'keydown', {keyCode:13});
              this.blur();
          }
      }
  });
  </code></pre>
  
  <p>What's the correct method for programmatically triggering the dropdown using the field value?</p>