Google使用<select>标签自动填写地址表单

时间:2017-09-20 06:58:54

标签: javascript html autocomplete google-geolocation

我尝试使用自动填充文件制作网页表单,并使用以下示例中的代码https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform?hl=ru 随着标签一切正常。但是,如果我分配参数&#39; country&#39;通过添加ID国家标记我什么都没有 - 空白字段。 那么我怎样才能获得自动插入数据来代替标签呢? 有我的选择标签 &lt; select id =&#34; country&#34;&gt; &lt; option value =&#34;&#34;已禁用所选&gt;国家&lt; /选项&gt; &lt; option value =&#34; Romania&#34;&gt; Romania&lt; / option&gt; &lt; option value =&#34; Russia&#34;&gt; Russia&lt; / option&gt; &lt; option value =&#34;卢旺达&#34;&gt;卢旺达&lt; /选项&gt; &LT; /选择&GT; 还有我的谷歌初始化代码部分:   var componentForm = {       street_number:&#39; short_name&#39;,       路线:&#39; long_name&#39;,       地点:&#39; long_name&#39;,       administrative_area_level_1:&#39; short_name&#39;,       country:&#39; long_name&#39;,       postal_code:&#39; short_name&#39;     }; 谢谢

2 个答案:

答案 0 :(得分:0)

首先让我们从Google地方信息中自动获取国家/地区组成部分。您的组件表单可帮助您在此处从Google地方信息库返回的数据中选择短名或长名。

 var country = place.address_components[i][componentForm['country']];

现在,您需要通过上面的代码行中的国家/地区名称来获取所选下拉列表的值。

var val = $("#country option:contains('" + country + "')").val();

剩下的就是将选择值分配给找到的值:

$("#country").value = val;

答案 1 :(得分:-1)

您可以使用以下链接作为参考

参考链接Click here