如何將html列表添加到Django表單字段

Question

我正在編寫此代碼，其中用戶在一個表單字段中為一個地方輸入一個名稱，並將keyup函數與ajax一起使用，它將把來自后端的數據引入列表元素中，以查看以前是否已經建議過相同的名稱。

現在，當用戶開始輸入內容時，他/她將得到如下結果

如您所見，它在“地名”字段下創建了額外的大小，其原因是因為我在此字段上創建了一個“ UL”元素，ajax的結果附加到該元素上。 盡管此方法工作正常，但我正在尋找的是類似以下的Google搜索結果：

這里的結果在表格上方，並且不會增加頁面的大小。 但是我不確定該怎么做。很抱歉這個問題已經被回答，因為我找不到它。 感謝對此的任何幫助。

Answer 1

該CSS應該修復它：

#parent_container {
  position: relative;
}

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