如何将HTML列表添加到Django表单字段

Question

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

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

正如您所看到的，它会在字段下方创建额外的大小＆＃34;地名＆＃34;这是因为我创造了一个＆＃34; UL＆＃34;此字段上的元素来自ajax的结果。虽然这个工作正常，但我正在寻找类似Google搜索结果的内容，如下所示：

此处的结果超出了表单，并且不会增加页面的大小。但是我不知道该如何做到这一点。如果这个问题已被回答，因为我无法找到它。 感谢任何帮助。

Answer 1

这个CSS应该修复它：

#parent_container {
  position: relative;
}

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