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

Posted 2023-02-24

【中文标题】如何更改谷歌自动完成的输入字段

【英文标题】：How to change input field for google autocomplete

【发布时间】：2016-05-27 13:57:01

【问题描述】：

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

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

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

【问题讨论】：

你能澄清你想要达到的目标吗？有关更改输入字段的任何说明。提前致谢。

我有几个输入字段。当任何输入字段处于焦点时，用于搜索地点的自动完成功能必须适用于所选字段。不想为每个字段创建自动完成。

【参考方案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。使用输入框创建一个自动完成变量并创建单个侦听器或多个侦听器。

希望对你有帮助