javascript - 如何使谷歌地点自动完成结果显示在输入上方

标签 javascript css autocomplete google-places-api

我在页面底部有一个文本输入框,我希望 pac-container 结果显示在输入框上方而不是下方,因为没有空格。

我无法应用 !important 通用样式,因为页面上还有其他需要正常显示的自动完成实例。如果有帮助,我正在使用 angularJS。

enter image description here

最佳答案

对于任何为此寻找答案的人:我没有使用谷歌自动完成下拉列表,而是通过从谷歌地点数据中获取五个结果的数组并将其与我的搜索输入值相关联来创建自己的下拉列表。然后,我从数组中选择了名称字符串并从中构建了一个菜单。

googleAutocompleteService.getPlacePredictions()

关于javascript - 如何使谷歌地点自动完成结果显示在输入上方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58662920/

相关文章:

javascript - 任何用于 JavaScript 人脸识别的库?

jquery - IE7/8 jquery sortable 导致窗口捕捉到顶部

autocomplete - 禁用自动完成功能。 VSCode 中的(点)

jQuery 创建一个自动完成表单

javascript - 我们可以在 css "javascript"中使用 "background"代码吗?

javascript - 将调用者的引用添加到闭包构造函数中

html - 自定义 ul li,将元素符号居中对齐(作为文本)?

html - 在 :hover 上显示 Div 时出现问题

jquery - typeahead.js 返回 "blank"数据集

javascript - 在 asp.net 中启用超链接的回发 onclick