如何更改谷歌自动完成的输入字段答案

【问题标题】：How to change input field for google autocomplete如何更改谷歌自动完成的输入字段
【发布时间】：2023-03-04 00:32:01
【问题描述】：

如何更改autocomplete (Google Maps API) 的输入字段？

autocomplete = new google.maps.places.Autocomplete(inputField, options);

function func1() {
 // switch element inputField to inputField2 (how?)
}

【问题讨论】：

你能澄清你想要达到的目标吗？有关更改输入字段的任何说明。提前致谢。
我有几个输入字段。当任何输入字段处于焦点时，用于搜索地点的自动完成功能必须适用于所选字段。不想为每个字段创建自动完成。

标签： javascript jquery google-maps

【解决方案1】：

试试这个：

<script
src="https://maps.googleapis.com/maps/api/js?libraries=places">
</script>
<input type="text" id="loc1">
<input type="text" id="loc2">
<input type="text" id="loc3">
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
function initialize(){
var autocomplete1 = new google.maps.places.Autocomplete($("#loc1")[0], {});
var autocomplete2 = new google.maps.places.Autocomplete($("#loc2")[0], {});
var autocomplete3 = new google.maps.places.Autocomplete($("#loc3")[0], {});

google.maps.event.addListener(autocomplete1, 'place_changed', function () {
var place = autocomplete1.getPlace();
console.log(place.address_components);
});
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>

我认为这会有所帮助：autofill。使用输入框创建一个自动完成变量并创建单个侦听器或多个侦听器。

希望对你有帮助

【讨论】：