javascript - 如何将 html 列表添加到 Django 表单字段

Question

我正在编写这段代码，用户在一个地方的表单字段中输入一个名称，并使用带有 ajax 的 keyup 函数，它将从后端的列表元素中获取数据，以查看之前是否已经建议过相同的名称.

现在当用户开始输入时，他/她将得到如下结果

如您所见，它在“地名”字段下方创建了额外的大小，这是因为我在该字段上创建了一个“UL”元素，ajax 的结果附加到该元素。虽然这工作正常，但我正在寻找类似谷歌搜索结果的内容，如下所示:

这里的结果是在表单之上，并没有增加页面的大小。但我不确定该怎么做。如果这个问题已经得到解答，我深表歉意，因为我找不到它。感谢对此的任何帮助。

Answer 1

这个 CSS 应该修复它:

#parent_container {
  position: relative;
}

ul {
  position: absolute;
  z-index: 10; /* more than the z-index of underlying elements */
}