title: Google autocomplete Address Form with <select> tag
body: <p>I trying to make web form with autocomplete fileds and i using code from these example <a href="https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform?hl=ru" rel="nofollow noreferrer">https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform?hl=ru</a> </p>
  
  <p>With  tag all works fine. But if i assign parameter 'country' to  tag by adding ID country i get nothing then - blank field.</p>
  
  <p>So how can i get autocomplite data to  tag instead  tag?</p>
  
  <p>There is my select tag</p>
  
  <pre><code>&lt;select id="country"&gt;
  &lt;option value="" disabled selected&gt;Country&lt;/option&gt;
  &lt;option value="Romania"&gt;Romania&lt;/option&gt;
  &lt;option value="Russia"&gt;Russia&lt;/option&gt;
  &lt;option value="Rwanda"&gt;Rwanda&lt;/option&gt;
  &lt;/select&gt; 
  </code></pre>
  
  <p>and there is my google init code part:</p>
  
  <pre><code>  var componentForm = {
        street_number: 'short_name',
        route: 'long_name',
        locality: 'long_name',
        administrative_area_level_1: 'short_name',
        country: 'long_name',
        postal_code: 'short_name'
      };
  </code></pre>
  
  <p>Thank you</p>