javascript - Google 放置自动完成 - 限制结果数量

Question

有什么方法可以在 google 地方自动完成中显示少于 5 个(默认)的结果？

Answer 1

无法显示少于 5 个我熟悉的结果，但是您可以使用 css 更改自动完成下拉列表的高度。

保存自动完成结果的 div 使用 pac-container 类设置样式，该类已经将溢出设置为隐藏，因此如果您将高度设置为 50px 之类的任何结果填充过去的 div 50px 将被隐藏。关于example这将隐藏最后两个结果并仅显示三个。

.pac-container {
  height: 50px;
}

如果只想更改下拉菜单的高度并允许用户向下滚动以查看额外的结果，您可以将高度设置为 50px 之类的值并设置 overflow-y 以滚动。

.pac-container {
  height: 50px;
  overflow-y: scroll;
}