【问题标题】:How to add a html list to a Django form field如何将 html 列表添加到 Django 表单字段
【发布时间】:2016-12-16 05:07:14
【问题描述】:

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

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

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

这里的结果超出了表单并且不增加页面的大小。但我不确定是否该怎么做。抱歉,如果这个问题已经得到回答,因为我无法找到它。 感谢您对此的任何帮助。

【问题讨论】:

  • 似乎是 CSS 问题。尝试添加相对于父容器的位置,并使用 z-index 将绝对位置添加到您的“ul”
  • 感谢@ShobhitSrivastava。这正是我想要的。
  • 酷,我会把它作为答案发布。

标签: javascript html css python-3.x django-forms


【解决方案1】:

这个 CSS 应该可以修复它:

#parent_container {
  position: relative;
}

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

【讨论】:

    猜你喜欢
    • 2015-02-14
    • 2010-10-22
    • 2011-07-14
    • 2015-06-25
    • 1970-01-01
    • 1970-01-01
    • 2022-01-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多