自动设置输入值并打开建议 - Google自动填充功能

时间:2013-05-05 13:57:55

标签: javascript jquery google-maps-api-3

我有一个输入字段,其上附有Google自动填充功能。我想用一些默认值填充此字段,聚焦输入并自动打开输入下方的预测框。

我显然没有设置输入值和焦点的问题,但我找不到打开建议框的方法。它可以在任何用户按键上打开;无论如何,模拟输入上的按键事件不起作用。

所以我想知道是否有办法触发使自动填充框显示的事件。

我有以下示例代码:

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
<input type="text" id="q" />

JS:

var input = document.getElementById('q');
var autocomplete = new google.maps.places.Autocomplete(input);
$('#q').val('Rome, ').focus();
// how to open suggestions box ?

1 个答案:

答案 0 :(得分:0)

通过js或jQuery不可能这样做,因为事件触发函数的实用性与触发本机DOM事件不同。

这个Fiddle显示了本机DOM事件和jQuery事件触发器之间的区别,您将看到执行代码和单击链接之间的区别。

同样在这个Fiddle中,我通过更改'Rome, '来更新您的代码,以便它模拟按键操作,但它没有做任何更改,但是当您点击某个键时它可以正常工作。

您也可以查看这些链接: