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

Question

我有什么方法可以在谷歌地方自动完成中显示少于 5 个（默认）的结果？

score 2 · Accepted Answer

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

div保存自动完成结果的 pac-container 类使用已将溢出设置为隐藏的样式设置样式，因此如果将高度设置为 50px 之类的值，则任何填充 div 超过 50px 的结果都将被隐藏。在示例中，这将隐藏最后两个结果并仅显示三个。

.pac-container {
  height: 50px;
}

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

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

score -1 · Accepted Answer

使用现代 CSS，您甚至可以限制显示结果的数量。例如 3 个结果：

.pac-item { display: none; }
.pac-item:nth-child(-n+3) { display: block; }

2 回答 2